2014年5月1日 星期四

Blogger安裝Facebook臉書LikeBox粉絲團讚按鈕

推廣網站其中1個有效的方式,就是結合社群網站的功能,而Facebook臉書粉絲團,可以在專頁上進行討論分享,讓你很方便地與網友進行互動,透過這個社群功能,來使你的網站增加曝光率,凝聚更多的人氣。



不過前提是,你要有個Facebook臉書粉絲團,才會有個專屬的網址。

Mix將在首頁尾端安裝Facebook臉書LikeBox粉絲團讚按鈕,安裝步驟可以分4個部分:

  1. 安裝UserID,可以參考:Blogger安裝Facebook臉書UserID,這篇文章。
  2. 安裝AppID,可以參考:Blogger安裝Facebook臉書AppID,這篇文章。
  3. 安裝SDK,可以參考:Blogger安裝Facebook臉書JavaScript SDK,這篇文章。
  4. 安裝LikeBox粉絲團讚按鈕

如果你之前曾經安裝過Social Plugins社群外掛元件,也已順利安裝了UserIDAppID,與JavaScript SDK,就略過第1,2,3步驟,直接跳到第4部份,進行安裝LikeBox粉絲團讚按鈕



此為第4部份安裝LikeBox粉絲團讚按鈕Mix將到官網設定屬性,產生相關代碼,再把代碼放入到Blogger版面配置的小工具中。

網站名稱:Facebook臉書Social Plugins社群外掛元件

網站地址:https://developers.facebook.com/docs/plugins

  1. 按下Social Plugns。
  2. 按下Like Box。
  3. 填寫粉絲團網址。
  4. 按下Get Code。
  5. 選擇你申請好的App。
  6. 產生出來的代碼。










這個是固定網址的代碼,把xxx取代成你的Facebook臉書粉絲團網址。

<div class="fb-like-box" data-href="xxx" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>



複製代碼後,Mix利用新增小工具,要把LikeBox粉絲團讚按鈕代碼加入到Blogger版面上。

  1. 版面配置。
  2. 新增小工具。
  3. 選擇HTML/JavaScript的小工具,按下加入。
  4. 內容,貼上剛剛複製的代碼。
  5. 儲存。












完成之後,Mix測試看看LikeBox粉絲團讚按鈕的效果如何,在按下讚按鈕之後,同時也能在粉絲團中看到讚被加1。







沒有留言:

張貼留言