如何在部落格放Facebook粉絲框?

常常看到很多人在問說怎樣把Facebook粉絲框裝加入到網站內?因為他們看到我們網站右上角有個Facebook的粉絲框,加上去好像可以有不一樣的感覺。其實加上這個框主要就是推廣粉絲專頁,讓更多人可以加入這個粉絲團,在Facebook上可以得知我們的最新文章以及一些好玩的資訊。

要放上這個粉絲框,其實只要到Facebook取得一串代碼就可以了,不過前提是你要有建立粉絲團,才可以拿到代碼。代碼就只是一串iframe,只要在部落格新增一個模組,貼上就會顯示了,不過若部落格側邊欄不支援iframe語法,那很可能就沒辦法了,可能要改用另外的模式。

想要可以在部落格放一個Facebook粉絲框,首先您必須先建立一個粉絲專頁才能獲取這樣的粉絲框(Like Box),若您尚未建立粉絲專頁,參考這篇文章新增這個粉絲框和之前介紹的「讚按鈕」方法是一樣的。這兩個元件都是屬於Facebook社群外掛元件,讓你可以利用社群平台來與網友進行互動。目前非常流行透過社群網站來曝光自己網站,透過這樣的元件,可以讓你在臉書這個大市場內凝聚人氣。

補充一下,很多人第一次看到這個東西會覺得很特別,為什麼他都顯示我的朋友耶?事實上只要你有登入,如果你去別人網站看到這樣的框,Facebook為了利用社群的力量來壯大,所以會在粉絲框上面優先顯示有加入這個粉絲框而且是你朋友的人,所以你常常會看到裡面都是朋友,如果你登出,那就是隨機顯示囉!

  • 網站名稱:Facebook 社群外掛-Like Box
  • 網站網址:按這裡
  • 香腸炒魷魚的粉絲頁按這裡

第1步 來到Facebook的Like Box頁面,依照網站欄位需求進行設定,右手邊會即時顯示這個Like Box的樣式,完成後請按﹝Get Code﹞。

  • Facebook Pafe URL:粉絲專頁連結
  • Width:寬度
  • Color Scheme:顏色樣式(分成白底與黑底)
  • Show Faces:顯示頭像
  • Stream:顯示最近張貼的文章
  • Header:顯示頂部

如何在部落格放Facebook粉絲框?

第2步 Facebook提供兩種嵌入粉絲框的語法,建議大家選擇iframe比較簡單,另一種是透過XFBML,如果iframe使用失敗,可以考慮嘗試看看。

如何在部落格放Facebook粉絲框?

第3步 以WordPress為例,在後台【外觀】→【模組】中,新增一個文字模組,然後輸入代碼並點﹝儲存﹞即可,我們是使用iframe語法。

如何在部落格放Facebook粉絲框?

第4步 最後你就會看到在側邊欄中顯示Facebook Like Box 粉絲框囉!

如何在部落格放Facebook粉絲框?



  • Simona

    請問樂天要怎麼加facebook

    • http://sofree.cc/ 張香腸

      樂天不清楚喔@@

  • Huang Zheng-Lun

    請問小工具可以選擇顯示於特定的頁面嗎
    我想把likebox的工具僅顯示在首頁就好
    但不知怎麼修改,目前是每一個頁面都會有

    • http://sofree.cc/ 張香腸

      這個要改code了,會必較麻煩些了哦~

  • http://www.atolldive.com Chang Micro

    香腸大!請教您現在的協作平台是不是已經無法嵌入粉絲團囉!如果是側欄的話!

    • http://sofree.cc/ 張香腸

      我印象中可能無法哦~

    • http://www.atolldive.com/ Chang Micro

      3Q