Facebook 如何在部落格中掛上FB粉絲專頁

想要在自己的部落格或網站中掛上自己Facebook粉絲專頁的資訊嗎?

除了提供點讚的介面,也可以讓訪客隨時知道你在FB發表了什麼。(像下圖那般)

Facebook, 粉絲專頁

現在的微部落格(像噗浪、推特、臉書)正盛行,部落格反倒是沒那麼流行了。

這些微部落格的特色就是訊息即時,影響範圍廣;所以很多部落客都會在部落格掛上自己的噗浪資訊,好讓讀者可以從噗浪連過來部落格,也可以從部落格中去得知站長正在發佈些什麼消息。

那要如何掛上FB的粉絲專頁呢?

 

1. 先到你Facebook的粉絲專頁把連結網址複製下來

2. 到Social plugins的Like Box網頁:http://developers.facebook.com/docs/reference/plugins/like-box

Like Box

先輸入粉絲專頁的網址,然後設定各項資料。

之後點Get Code。

 

Facebook, 粉絲專頁

會得到兩種程式碼,看你部落格支援哪一種。

 

接下來要到部落格中去掛上這外掛,據我所知,目前雅虎部落格什麼都不能掛;痞客邦則是幾乎都可以(站長工具、噗浪、粉絲專頁等),至於其他的部落格,印象中yam 天空、無名VIP、Google的blogger都可以掛,不過有段時間沒用這些部落格了。

以痞客邦來說。

部落格管理→側邊欄位設定→新增版位

Facebook, 粉絲專頁

把剛才複製下來的程式碼貼上,點送出即可。

 

Facebook, 粉絲專頁

接下來,你就可以在部落格的自訂欄位中看到你粉絲頁的資料了。

 

改版資訊

相同功能可改用「Page Plugin」插件:

https://developers.facebook.com/docs/plugins/page-plugin

2015.4.21

 

延伸閱讀

更多Facebook的使用技巧與介紹:Facebook 臉書【目錄】

Advertisements
部落格作者:闕小豪 作者:闕小豪

近期公告:部落格剛完成架站,版面還有許多需要調整之處,若有發現任何錯誤也歡迎告知。

Advertisements

98 個回應

  1. dinosaurs 說:

    您可以請朋友幫你看,我去看是有的喔。:)

  2. Jasmine Chiu 說:

    感謝分享,我是貼在goole部落格上成功了!
    可是fb連結框好像要有登入fb帳號才會顯示吔
    看大家PIXNE的好像沒這問題
    是否有辦法提供?

  3. dinosaurs 說:

    我沒用google的部落格,有問題的部份,可能要自己注意一下設定的方面喔。:)

  4. 潔米小姐 說:

    3Q~很實用!!!

  5. dinosaurs 說:

    不用客氣喔。:)

  6. 琦mei 說:

    不好意思~看了您的文之後,我竟也成功了!!
    但是,朋友說若我po了一個文之後,他們的臉書是沒有我的動態~
    必須是要另外點入我的粉絲團他們才看得到我的動態!!
    請問是不是我設錯了!!
    我是設在"黃媚媚"內所管理的粉絲團….
    請賜教….感激不盡….!!

  7. dinosaurs 說:

    這跟臉書的運作有關,你開粉絲頁時會有介紹。:)

  8. 張碧娟 說:

    版大您好,請教您~我用FB帳號登入留言,為什麼不會出現我的大頭照片呢?麻煩解或了,謝謝。

  9. dinosaurs 說:

    臉書偶爾會有讀不到資料的情形,通常是偶發現象。:)

  10. 仙仙愛漂亮 說:

    謝謝分享!!

  11. 烈獄泠焰 說:

    感謝分享^_^

  12. 凱莉王 說:

    設定成功了!謝謝分享:D

  13. dinosaurs 說:

    不用客氣呦。:)

  14. 凱莉王 說:

    想請問格主,如果想創造一個能放在文章末端(應該是選HTML型式我猜?)但想要讓顯示出來的物件置中的話,CODE應該要怎麼改才好呢?

  15. dinosaurs 說:

    不太懂妳要放什麼東西,但編輯工具那邊有個置中的工具,把妳要的區塊反白起來,點一下那個文章置中的鍵即可。:)

  16. 凱莉王 說:

    感謝回覆:D

  17. dinosaurs 說:

    您真是有禮貌,讚。:)

  18. Queena 說:

    Hi 版主:

    我試了幾次好像都沒有出現哎
    也用朋友的帳號看過了~~~
    是我那裡出了什麼問題呢?? 求解~~
    http://queenadai.pixnet.net/blog

  19. dinosaurs 說:

    我點去你家看的確是沒有,但是問問題可以來點禮貌嗎?

  20. Queena 說:

    版主您好:
    不好意思,剛剛太急著想求答,有失禮貌,深感抱歉。
    感謝版主的回覆,我會再試試看的,有勞你了,
    造成你的不悅,請見諒,會更注意禮貌的,謝謝你。

  21. dinosaurs 說:

    我沒辦法看到妳後台出了什麼錯,如果有把幾個重要步驟拍一下,或許能找到問題所在。:)

  22. S.K 刺青處 說:

    他的官網跟你的不一樣耶!!
    所以我也不知道我現在應該要家在哪裡?

  23. dinosaurs 說:

    那個官網?

  24. S.K 刺青處 說:

    你上面所提供的網址 !!
    所以我現在也不知道放在哪兒?
    他才跑的出來

  25. dinosaurs 說:

    有稍微改版啦,但東西是一樣的。:)

  26. S.K 刺青處 說:

    但是我2個語碼都用過了
    但是為什麼都沒有跑出來呢?
    是我有哪裡弄錯了嗎?
    不好意思!!請你教教我
    我已經卡住很久了

  27. dinosaurs 說:

    Social Plugins 裡有很多種插件,您可以看那個最符合需求,就使用那個。
    我試著擺放了一下,如右側「粉絲專頁動態」。
    附註:您的前兩則留言實在很沒禮貌,本來不太想回覆您的。

  28. S.K 刺青處 說:

    不好意思 !!
    謝謝你

  29. dinosaurs 說:

    https://developers.facebook.com/docs/plugins/page-plugin
    這個網址就是你要的,選項勾一勾,會有變化能讓你看到差異。:)

  30. かえで 說:

    謝謝闕帥的詳細介紹,也可以簡單就操作步驟,可是沒看到我的粉絲專頁出現。我可以請問您,是該貼粉絲專頁的名片語法還是您分享的語法模式,我不懂為什麼很多網友是分開介紹這兩個功能。
    我都試著貼過了,但無效。可能還得再試試,謝謝分享^^

  31. dinosaurs 說:

    用這個,相同功能可改用「Page Plugin」插件:

    https://developers.facebook.com/docs/plugins/page-plugin

  32. かえで 說:

    謝謝闕帥,可以囉(開心)!操作上都沒問題,原來是要使用電腦才能輕鬆設定,可能平板的複製網址可能不完全的關係。
    謝謝^^

  33. dinosaurs 說:

    恭喜妳嘍,我這邊沒有平板,也無法測試平板的部份。也感謝您提供了很有用的資訊,有可能是程式APP沒寫好,使得使用平板操作是無法成功的。:)

  34. Rachel 說:

    您好,現在Facebook不能用like box了
    我就試著用page plugin(https://developers.facebook.com/docs/plugins/page-plugin)
    可是不管怎麼試都只會出現粉絲團的名字,不是整個框框
    我用了這個網站的like button則是什麼都沒出現@@
    不知道您知不知道出了什麼問題?

  35. dinosaurs 說:

    Page Plugin 可以用呀,我測試是正常的,妳想要怎樣的功能?

  36. germanshop4u 說:

    謝謝分享~

  37. 馬卡人妻 說:

    不好意思~我照著您的方式成功了 謝謝!
    請問如何在每頁下方都有fb粉專的外掛呢?
    因為看到有些部落格有、 很想知道
    謝謝噢(☆_☆)

  38. dinosaurs 說:

    那個比較像是「部落格」功能,有些自訂部落格語法或部落格工具可用,可能看您是要哪種功能而決定要怎麼使用。

  39. 米小摳 說:

    謝謝分享

  40. 美琪 說:

    可以問一下嗎?我的手機是HTC我也想連結,美琪就是愛旅行也有粉絲頁,但真的弄不懂怎連結,請指教

  41. dinosaurs 說:

    弄粉絲專頁用電腦操作會比較方便,就如同文章中介紹般操作即可。:)

  42. 老饕的最愛 說:

    請問可以一進入部落格畫面就有「問題匡」(像您網頁一進入這樣的設計),按了粉絲團才可以看得到部落格頁面,不知道我說得清楚嗎?

    謝謝!

  43. dinosaurs 說:

    有點不太清楚您的問題是什麼?

  44. 熊安全家族 說:

    成功嵌入!謝謝分享,簡單易懂:-)

  45. 佳雯鄒 說:

    您好~
    謝謝您的分享

    想另外請教您
    如果我想把[個人臉書的名片貼]崁入自己的網站
    不知道要用什麼方法

    我在個人臉書右邊有個[查看活動記錄]的右邊三個橫點點
    點進去[在你的網站上崁入名片貼]
    結果顯示
    很抱歉,目前無法提供此內容
    你前往的連結可能已過期,或是你不屬於該頁面限定的分享對象。
    返回上一頁 · 前往動態消息 · 瀏覽使用說明

    不知道是哪個環節有誤
    如果您有空檔
    再麻煩您撥亢協助
    謝謝您喔

  46. dinosaurs 說:

    佳雯 您好,

    我一直都有在網路上免費幫忙回覆臉書的問題,但最近工作比較忙碌,稿子也積欠的有點多,實在忙到無法回答您的問題。

    不過我有把寫過的臉書教學整理出來,裡頭有說到遇到問題時幾個主要的處理方向 ,給您參考一下:http://goo.gl/DdA4np

    近期還是盡量先以文章提到的解決方向為主,等我忙完手上工作後,才有辦法再度提供專人回答的服務。感謝。

  47. goldrain720127 說:

    用好了!謝謝分享!

  48. dinosaurs 說:

    不用客氣喔,goldrain。:)

發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *