|文章重點預覽:
- 社群平台按讚按鈕:文章前言
- 社群平台按讚按鈕:個人設計結果
- 為網站加入 Line 按讚按鈕!
- 在「網站上」加入 Line 按讚按鈕!
- 在「文章後」加入 Line 按讚按鈕!
|社群平台按讚按鈕:文章前言
在經營 Blogger 網站、寫文章有一段時間與經驗後,我開始會參觀其他人的網站,學習其他人如何設計網站,並思考如何增加網站的瀏覽次數,開始意識到在網站上和文章的最後加上「分享按鈕」會是一個很好的方法!讓喜歡文章的使用者主動分享網頁文章到社群平台上,會是擴散網站最好的方式,也能增加曝光度!
但分享網站在使用上對於使用者來說確實會有點難度與門檻,因為內容必須要對使用者產生共鳴,並具有分享的價值,使用者才有可能按下分享的按鈕,這時就可以為網站加入門檻較低的按鈕「Line 按讚按鈕」!讓使用者不需分享文章,就能表達對於創作者內容的喜歡!
|社群平台按讚按鈕:個人設計結果
我開始自己研究,使用網頁程式碼來把「按讚按鈕」加進自己的網站。但通常線上網站的工具設計上都會比較好看,而自己用的可能會造成按鈕的大小或是排版不太整齊,最後我調整到了一個不錯的狀態,長這樣:

你可以從我網站的側欄看到實際的 Line「按讚按鈕」狀態!如果你也覺得這樣不錯的話,就繼續看下去吧~
|為網站加入 Line 按讚按鈕!
不管是要在網站還是文章上加入 Line 的按讚按鈕,都需要使用同一個線上工具:「Line|Social Plugins」!這是 Line 官方提供給開發者的線上工具,所以不需要有其他安全上或是隱私上的疑慮。而使用上也非常簡單方便!畫面大概長這樣:

|在「網站上」加入 Line 按讚按鈕!
-貼上網站首頁網址!
要將 Line 的按讚按鈕加進個人的網站中時,只需要將「網站首頁的網址」貼上就行了!以我的網站首頁為例,會長這樣:

-按讚按鈕:按鍵樣式設計
設計上總共有 2 × 2,共 4 種形式可供選擇:
- 分享選項:按讚並分享、按讚
- 加入好友選項:無追加選項、含追加選項
而我都是使用「按讚」和「無追加選項」,提供參考~
-複製程式碼
在設計好自己喜歡的「分享按鈕」樣式後,就可以直接複製右下方的「程式碼」了!接下來就是將程式碼放於想讓分享按鈕出現的位置!
-放置程式碼於網站中
- 這時先複製 Facebook「按讚按鈕」的程式碼
- 再到 Blogger 中的「版面配置」
- 於「側欄(底部)」下選擇「新增小工具」
- 選擇「HTML/Javascript」
- 將 Line「按讚按鈕」的程式碼貼上
- 按下「儲存」就完成了!
註:如果要在此欄繼續加入其他社群媒體的「按鈕」程式碼,記在各個程式碼中間加入「<br></br>」,這代表著「換行」,可以讓排版不那麼擁擠、整潔!
|在「文章後」加入 Line 按讚按鈕!
而要將 Line 的「按讚按鈕」加進文章中的話,方法和上一章節的步驟一樣!只是需要做些改變:
-貼上文章網址!
將「網站首頁網址」改成「文章網址」
-按讚按鈕:按鍵樣式設計
-複製程式碼
-放置程式碼於文章中
- 在文章編輯頁面選擇「HTML 檢視」(通常在上方工具列中)
- 找到想要的位置貼上程式碼(一般建議放置於文章的最後,所以把程式碼貼到最後一行就對了!)
- 按下「更新」就完成了!