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

2014全新淘寶購物教學,最低70元就能運回台 就靠它!APP 雲端遙控家電設備

常常看到很多人在問說怎樣把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粉絲框?



  • 求解的人

    請問一下~~為什麼粉絲團管理者本身有時候看不到崁入在網頁的粉絲框…有時候又看的到???
    瀏覽其他人的粉絲框都是正常的….這是啥原因???

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

      你是用粉絲團身分看還是個人身分?通常用粉絲團身分看問題會比較多。

  • lhd

    香腸大,我要在新的APP引入我粉絲團的like按鈕,已經引入,但是我無法判斷,該用戶師傅為我粉絲團的成員:也就是點沒點擊過like按鈕.我用的是asp.net開發.并引入facebook.dll,登陸那塊用的是javascript SDK ,如果有相關demo,還望告知,不勝感激.liuha889@163.com

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

      抱歉,這個沒有DEMO,你必須自行透過API取得戶權限後,然後調查他是否有按粉絲團讚。

      ASP部分就更沒碰過了 ~~

  • 為甚麼我用GOOGLE的部落格用卻多次顯示不出來><

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

      應該有東西你沒有貼好,再自行檢查看看了

  • lucy

    請問奇摩部落格有辦法用這個link嗎?因為試了蠻多次都顯示不出來

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

      應該是無法~

  • 錢先生

    大家有沒有發現Like box 雖然可以顯示塗鴉牆, 但圖片卻沒有出現, 我很多網站的也是一樣啊! 有辦法解決嗎? 我的網址是www.catcatdaddy.com, 請幫忙查看一下~ 謝謝!

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

      可以看到,正常~

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

      因為你的FB頁面可能設定限定年齡或是國別,所以登出無法判定 = 通通不顯示

  • Jesci

    請問一下, 要如何崁入yahoo的部落格呢?? 謝謝

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

      Yahoo Blog 似乎沒支援 iframe 或失Javascript 的樣子

  • 小何

    請問一下大大!!我用的事Blogger,應該如何崁入ㄋ~~
    不好意思!我是一個新手!!
    我找布到模組耶?!

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

      後台→版面配置,在側邊欄部分找到「新增小工具」,進入後在「基本」裡面找「HTML/JavaScript」,新增並加入 Facebook 的框框 語法,就可以囉!