闕小豪

闕小豪，人類行為觀察家。喜好旅行、電影、美食、閱讀、大自然、古生物化石等。

闕小豪

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

由 · 2011-01-08

想要在自己的部落格或網站中掛上自己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 說：
    2014-02-08 at 09:56:30

    您可以請朋友幫你看，我去看是有的喔。：）

    回覆
  2. Jasmine Chiu 說：
    2014-02-12 at 13:39:36

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

    回覆
  3. dinosaurs 說：
    2014-02-14 at 21:27:49

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

    回覆
  4. 潔米小姐 說：
    2014-05-12 at 11:10:14

    3Q~很實用!!!

    回覆
  5. dinosaurs 說：
    2014-05-15 at 13:56:30

    不用客氣喔。：）

    回覆
  6. 琦mei 說：
    2014-05-19 at 10:35:15

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

    回覆
  7. dinosaurs 說：
    2014-05-19 at 15:44:29

    這跟臉書的運作有關，你開粉絲頁時會有介紹。：）

    回覆
  8. 張碧娟 說：
    2014-05-30 at 20:52:11

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

    回覆
  9. dinosaurs 說：
    2014-05-31 at 11:22:13

    臉書偶爾會有讀不到資料的情形，通常是偶發現象。：）

    回覆
  10. 仙仙愛漂亮 說：
    2014-06-16 at 14:47:59

    謝謝分享！！

    回覆
  11. 烈獄泠焰 說：
    2014-08-04 at 13:02:11

    感謝分享^_^

    回覆
  12. 凱莉王 說：
    2015-01-13 at 15:25:13

    設定成功了！謝謝分享：Ｄ

    回覆
  13. dinosaurs 說：
    2015-01-14 at 17:22:57

    不用客氣呦。：）

    回覆
  14. 凱莉王 說：
    2015-01-14 at 21:40:07

    想請問格主，如果想創造一個能放在文章末端（應該是選ＨＴＭＬ型式我猜？）但想要讓顯示出來的物件置中的話，ＣＯＤＥ應該要怎麼改才好呢？

    回覆
  15. dinosaurs 說：
    2015-01-15 at 10:59:24

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

    回覆
  16. 凱莉王 說：
    2015-01-18 at 17:38:13

    感謝回覆：Ｄ

    回覆
  17. dinosaurs 說：
    2015-01-19 at 23:33:27

    您真是有禮貌，讚。：）

    回覆
  18. Queena 說：
    2015-02-13 at 15:59:16

    Hi 版主：

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

    回覆
  19. dinosaurs 說：
    2015-02-13 at 16:03:04

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

    回覆
  20. Queena 說：
    2015-02-13 at 16:07:56

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

    回覆
  21. dinosaurs 說：
    2015-02-14 at 10:53:46

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

    回覆
  22. S.K 刺青處 說：
    2015-04-17 at 16:45:07

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

    回覆
  23. dinosaurs 說：
    2015-04-18 at 00:12:14

    那個官網？

    回覆
  24. S.K 刺青處 說：
    2015-04-18 at 19:17:34

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

    回覆
  25. dinosaurs 說：
    2015-04-19 at 20:12:04

    有稍微改版啦，但東西是一樣的。：）

    回覆
  26. S.K 刺青處 說：
    2015-04-20 at 13:56:03

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

    回覆
  27. dinosaurs 說：
    2015-04-21 at 11:59:25

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

    回覆
  28. S.K 刺青處 說：
    2015-04-21 at 22:35:13

    不好意思 !!
    謝謝你

    回覆
  29. dinosaurs 說：
    2015-04-21 at 23:23:57

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

    回覆
  30. かえで 說：
    2015-04-25 at 04:23:28

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

    回覆
  31. dinosaurs 說：
    2015-04-25 at 09:11:11

    用這個，相同功能可改用「Page Plugin」插件：

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

    回覆
  32. かえで 說：
    2015-04-26 at 14:44:10

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

    回覆
  33. dinosaurs 說：
    2015-04-27 at 09:53:42

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

    回覆
  34. Rachel 說：
    2015-06-10 at 15:46:57

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

    回覆
  35. dinosaurs 說：
    2015-06-10 at 22:07:21

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

    回覆
  36. germanshop4u 說：
    2015-08-26 at 00:03:52

    謝謝分享~

    回覆
  37. 馬卡人妻 說：
    2015-09-24 at 00:04:07

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

    回覆
  38. dinosaurs 說：
    2015-09-26 at 16:54:54

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

    回覆
  39. 米小摳 說：
    2015-10-18 at 20:44:22

    謝謝分享

    回覆
  40. 美琪 說：
    2015-11-07 at 20:24:06

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

    回覆
  41. dinosaurs 說：
    2015-11-08 at 09:26:49

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

    回覆
  42. 老饕的最愛 說：
    2016-04-20 at 10:08:46

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

    謝謝！

    回覆
  43. dinosaurs 說：
    2016-04-23 at 19:44:16

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

    回覆
  44. 熊安全家族 說：
    2016-08-05 at 17:08:34

    成功嵌入！謝謝分享，簡單易懂:-)

    回覆
  45. 佳雯鄒 說：
    2016-10-13 at 00:05:12

    您好~
    謝謝您的分享

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

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

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

    回覆
  46. dinosaurs 說：
    2016-10-15 at 14:18:54

    佳雯 您好，

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

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

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

    回覆
  47. goldrain720127 說：
    2016-11-13 at 11:31:47

    用好了!謝謝分享!

    回覆
  48. dinosaurs 說：
    2016-11-16 at 14:37:30

    不用客氣喔，goldrain。：）

    回覆

發表迴響

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