行銷

2020 年 7 月 18 日

為網站 Blogger 加入 Line 按讚按鈕!

已複製到剪貼板


|文章重點預覽:

  • 社群平台按讚按鈕:文章前言
  • 社群平台按讚按鈕:個人設計結果
  • 為網站加入 Line 按讚按鈕!
  • 在「網站上」加入 Line 按讚按鈕!
  • 在「文章後」加入 Line 按讚按鈕!

|社群平台按讚按鈕:文章前言

在經營 Blogger 網站、寫文章有一段時間與經驗後,我開始會參觀其他人的網站,學習其他人如何設計網站,並思考如何增加網站的瀏覽次數,開始意識到在網站上和文章的最後加上「分享按鈕」會是一個很好的方法!讓喜歡文章的使用者主動分享網頁文章到社群平台上,會是擴散網站最好的方式,也能增加曝光度!

但分享網站在使用上對於使用者來說確實會有點難度與門檻,因為內容必須要對使用者產生共鳴,並具有分享的價值,使用者才有可能按下分享的按鈕,這時就可以為網站加入門檻較低的按鈕「Line 按讚按鈕」!讓使用者不需分享文章,就能表達對於創作者內容的喜歡!

|社群平台按讚按鈕:個人設計結果

我開始自己研究,使用網頁程式碼來把「按讚按鈕」加進自己的網站。但通常線上網站的工具設計上都會比較好看,而自己用的可能會造成按鈕的大小或是排版不太整齊,最後我調整到了一個不錯的狀態,長這樣:

社群平台按鈕|社群媒體「分享」按鈕!
社群平台按鈕|社群媒體「分享」按鈕!

你可以從我網站的側欄看到實際的 Line「按讚按鈕」狀態!如果你也覺得這樣不錯的話,就繼續看下去吧~

|為網站加入 Line 按讚按鈕!

不管是要在網站還是文章上加入 Line 的按讚按鈕,都需要使用同一個線上工具:「Line|Social Plugins」!這是 Line 官方提供給開發者的線上工具,所以不需要有其他安全上或是隱私上的疑慮。而使用上也非常簡單方便!畫面大概長這樣:

社群平台按鈕|Line Social Plugins:Like Button!
社群平台按鈕|Line Social Plugins:Like Button!

|在「網站上」加入 Line 按讚按鈕!

-貼上網站首頁網址!

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

社群平台按鈕|Line Social Plugins:Like Button!
社群平台按鈕|Line Social Plugins:Like Button!

-按讚按鈕:按鍵樣式設計

設計上總共有 2 × 2,共 4 種形式可供選擇:

  • 分享選項:按讚並分享、按讚
  • 加入好友選項:無追加選項、含追加選項

而我都是使用「按讚」和「無追加選項」,提供參考~

-複製程式碼

在設計好自己喜歡的「分享按鈕」樣式後,就可以直接複製右下方的「程式碼」了!接下來就是將程式碼放於想讓分享按鈕出現的位置!

-放置程式碼於網站中

  1. 這時先複製 Facebook「按讚按鈕」的程式碼
  2. 再到 Blogger 中的「版面配置」
  3. 於「側欄(底部)」下選擇「新增小工具」
  4. 選擇「HTML/Javascript」
  5. 將 Line「按讚按鈕」的程式碼貼上
  6. 按下「儲存」就完成了!

註:如果要在此欄繼續加入其他社群媒體的「按鈕」程式碼,記在各個程式碼中間加入「<br></br>」,這代表著「換行」,可以讓排版不那麼擁擠、整潔!

|在「文章後」加入 Line 按讚按鈕!

而要將 Line 的「按讚按鈕」加進文章中的話,方法和上一章節的步驟一樣!只是需要做些改變:

-貼上文章網址!

將「網站首頁網址」改成「文章網址」

-按讚按鈕:按鍵樣式設計

-複製程式碼

-放置程式碼於文章中

  1. 在文章編輯頁面選擇「HTML 檢視」(通常在上方工具列中)
  2. 找到想要的位置貼上程式碼(一般建議放置於文章的最後,所以把程式碼貼到最後一行就對了!)
  3. 按下「更新」就完成了!

分享文章

已複製到剪貼板

主題文章

查看 行銷

關於看我所見

「看我所見」主題多元,分享作者的生活經歷、特殊經驗,舉凡:教育、生活、科技、3C、音樂、娛樂 ⋯⋯,我們也將持續優化,提供讀者最好的體驗!


Contacts

Ricky Chuang

看我所見

linktr.ee/5j54d93

最新文章