不用外掛，在部落格上放的Facebook留言框！(可管理)

最近越來越多的網站開始使用Facebook留言整合功能，讓本來沒有留言功能的網站也可以開始留言了，而像WordPress本身具有留言功能，也可以加入，成為雙重模式的留言，當然也可以選擇關閉本身留言只開放Facebook留言功能。或許有些使用者覺得這樣不是不好管理嗎？

管理這部分其實不是多大的問題啦！預設的留言模式雖然沒有管理功能，只能張貼而顯示而已，如果搭配Facebook應用程式來實做的話，就可以有留言管理功能，設定一下管理者的帳號，也可以在Facebook上收到留言通知，讓您的留言一則都不漏掉，這麼方便的功能，要不要來裝一個呢？

之前在香腸在噗浪上有發一則詢問一下大家關於Facebook留言的看法，，多數人覺得如果使用Facebook留言功能取代WordPress本身的留言並不好，畢竟臉書只要跟隱私權扯上邊緣似乎就是他的罩門了，因此目前我的作法是讓兩者同時並存，看看大家偏好哪一種留言方式就留言吧，基本上我都會回應的啦！以下是香腸對於Facebook留言整合於網站上的一些小小看法，歡迎大家提出來討論！

文章目錄
  1. 好處
  2. 缺點
  3. 一、申請Facebook應用程式
  4. 二、取得Facebook Comments代碼
  5. 三、留言管理

好處

  1. 善用外部資源，節省主機資源
  2. 可以少裝防垃圾留言外掛
  3. 不怕假資料匿名攻訐(如果他特地去申請FB來亂，也攤手了XD)
  4. 張貼留言同時，會同步到個人塗鴉牆增加曝光

缺點

  1. 哪天Facebook倒了，所有留言就沒了
  2. 沒有臉書帳號無法留言
  3. 不想公開自己臉書的人不會想留言
  4. 沒申請應用程式無法管理

目前「Facebook Comments for WordPress」這外掛可以更容易的整合臉書留言到WP部落格上面，不過外掛設定上似乎是比較複雜而且加裝外掛似乎就會增加網站負擔，所以在此就不介紹這外掛了，有興趣的使用者可以自己嘗試看看，在此我們介紹改程式碼的方式加入留言功能。

一、申請Facebook應用程式

為了讓使用者可以更方便的管理Facebook留言功能，所以我們要搭配申請FB的應用程式才可以對留言進行管理功能，關於FB應用程式的申請，在此就不多做敘述，請按照先前的教學進行申請：如何建立應用程式、取得API密鑰？

新版教學請參考這篇： https://sofree.cc/apply-facebook-app-id/

第1步 申請好後，有幾點要注意，首先請到按這裡，進入應用程式管理。有看到應用程式ID嗎？趕快把它紀錄起來，因為待會需要，接著請點「編輯設定」進入。

不用外掛，在部落格上放的Facebook留言框！(可管理)

第2步 左邊切換到【Web Site】，然後在「Site URL」輸入你網站首頁網址，記得結尾要加上斜線，然後點﹝儲存﹞即可。

不用外掛，在部落格上放的Facebook留言框！(可管理)

二、取得Facebook Comments代碼

第1步 首先到社群外掛頁面這邊，輸入你的資料，然後點擊﹝Get Code﹞。

  • URL to comment on ：網址(可先隨便輸入)
  • Number of posts：留言顯示數量
  • Width：寬度
  • Color Scheme：顏色(有深色和淺色)

不用外掛，在部落格上放的Facebook留言框！(可管理)

第2步 接著請將代碼複製起來！

不用外掛，在部落格上放的Facebook留言框！(可管理)

第3步 代碼就請貼到single.php裡面，想顯示在那邊就貼在哪邊，測試個幾次就知道了。要修改的部分如下，首先將「en_US」改成「zh_TW」，不然留言框都會顯示英文。再來就是修改網址，以WordPress為例，因為是套模板的動態網頁，所以要在「href=”」的後方改成這語法「<?php the_permalink() ?>」即可，存檔上傳。完整語法如下：

<div id="fb-root"></div><script src="http://connect.facebook.net/zh_TW/all.js#xfbml=1"></script><fb:comments href="<?php the_permalink() ?>" num_posts="10" width="650px"></fb:comments>

不用外掛，在部落格上放的Facebook留言框！(可管理)

第4步  最後請開啟佈景主題的header.php，在</head>之前加上以下語法。應用程式ID前面就有申請，並且請大家記住他，改下面語法就可以了

<meta property="fb:app_id" content="應用程式ID">

<meta property="fb:admins" content="管理員FB的ID，半形逗號分隔"/>

不用外掛，在部落格上放的Facebook留言框！(可管理)

至於FB管理員ID就請您到你個人的FB頁面查看個人網址，如果您網址是以下這種，那數字部分就是您的個人ID：

http://www.facebook.com/profile.php?id=數字

如果您的個人頁面網址是以下這種的話：

http://www.facebook.com/帳號名稱

那個人FB的ID，請拜訪以下網址：

https://graph.facebook.com/帳號名稱

進去後會看到「”id”: “數字”」，那串數字就是你個人的ID。

三、留言管理

當設定完成後需要稍等一些時間，您可先到個人網站看看留言框是不是變成以下這種多了些管理選項，像是有「公開的回覆」、「Moderator View」，如果有就表示設定成功了！

不用外掛，在部落格上放的Facebook留言框！(可管理)

另外有有一個專門的地方可以管理Facebook網站留言，請拜訪以下網址就可以到此頁面進行留言管理查看，當有人在你網站留言時，同時也會出現通知訊息在你的Facebook(如果你有設定管理員的話)。

管理：http://developers.facebook.com/tools/comments

不用外掛，在部落格上放的Facebook留言框！(可管理)

在Google News上追蹤我們最新文章
標籤
香腸
香腸

喜歡在網路上透過文字與圖片分文章教學，默默地用鍵盤烤了9年的香腸。另外還身兼阿腸接案餬口飯吃。對了，別叫我阿腸，請叫我香腸，這樣我才知道你看我部落格長大的。

文章: 1781

相關文章

229 則留言

    • 你好，我已經發現無法顯示同步的問題了。我原來測試的分享文，原來已經先被分享到另一個粉絲專頁，所以再一次分享到我為了測試建立的粉絲專頁，就沒辦法同步了。這是我的猜測。我分享確定沒有被分享過的文章，就可以同步。

  6. 你好，我按照教學把FB留言加入了WORDPRESS內，
    可是每1個POST的留言都重複了，
    比例說我在 A 文章留了言說 : 很好
    在B 文章也同時出現了這個留言…
    請問是我做方錯誤了嗎？謝謝

  7. 您好，有幾個問題想請問香腸

    1. 我安裝完FB留言板後，可以留言但是卻無法同時發佈到FB上。
    2. 有些文章下面的留言板裡面沒有留言卻會顯示 “還有 n 個留言” ，點擊後也不會顯示。

    請問這些是出了什麼問題嗎?要怎樣才可以解決?

    謝謝您分享文章

  8. 毛毛我今天約到一個E奶會噴水的妹妹 真的爽到爆了 有興趣可加line：yy20及時/skype：hx1225 記得超哥介紹喲 走過路過千萬別錯過哦

  11. 您好，我已經按照您的步驟成功申請好了FB的ID~comment的代碼也取得了(但是畫面好像不太一樣…)，但是接下來： 「代碼就請貼到single.php裡面」…..我想請問一個大外行的話：single.php在那兒啊?@@ 不好意思…

  14. 你好，請問Comment Moderation Tool沒顯示留言內容會是甚麼狀況？我已經確定admin id跟app_id沒有錯，可是Comment Moderation Tool內沒有任何一則留言管理，但網頁上顯示確實有留言存在…

  15. 我想请问BLOGGER和面子书的留言板是不是不能同时拥有？
    因为有放了两个之后虽然看得见，但是只要BLOGGER留言板有留言，面子书的留言板就会消失。
    是技术问题还是本来就要二选一？ 麻烦回复我 [email protected] 谢谢你

  18. 請問在申請Facebook應用程式下的第二步驟，輸入Site URL後，出現

    “Error
    There was a problem saving your changes. Please try again later.”

    試了好久都試不出來，該怎麼辦？

    謝謝：）

  22. 請問一下
    我已經成功增加，臉書的留言框！
    為什麼訪客留言，他會變成『默認隱藏』，必須手動改成『核可回應』！
    有什麼方法可以解決默認隱藏嗎？　想要預設公開

  27. 您好,現在2013年到文章提到的社群外掛頁面會有三段程式碼[以XFBML為例],
    跟教學文章在2011年發表時已經不同,
    要運用在WordPress實在不知從何著手,
    參考了教學文章整整2天一直無法成功,不然就是整體呈現英文,
    試過找偏網路所有類似套用FB留言框的教學也都停留在1~2年前的狀態..
    不知可否勞請香腸大告知現在新版的使用方式嗎?
    再三感謝

    • 網站上會一直顯示 『警告：本留言外掛系統是以相容模式運作，但並無發佈功能。想瞭解「href」語法的更詳細資訊，建議參閱留言外掛系統說明文件瞭解如何運用所有外掛特色的優勢。』

    • 網站上會一直顯示 『警告：本留言外掛系統是以相容模式運作，但並無發佈功能。想瞭解「href」語法的更詳細資訊，建議參閱留言外掛系統說明文件瞭解如何運用所有外掛特色的優勢。』

  30. 請問一下點擊編輯設定之後
    我所看到的是
    設定
    基本
    Developer Roles
    Permissions
    交易付款
    即時更新
    進階
    選項跟的教學有點不一樣所以有新的教學嗎?
    感謝

    • 目前我沒寫新教學耶~ 因為FB改辦實在是很難跟上進度~ 操作上差不多，而且現在介面更完善了，不用教學你也可以找得到 :)

  31. 請教!!!烤煙強
    FB留言管理
    有字眼禁止的功能嗎

    也就是別人要來我這裡留言，我禁止在我的留言版出現【不】這個字眼時
    他只要打【我不喜歡吃巧克力】，有部的出現他就不能留言，在FB的電腦機制裡他會被我封鎖

    有這項機制嗎

  32. 香腸大大~ 我想請問一下
    如果我想在文章中建立一個繼續閱讀的連結
    到同分類的文章要怎麼做
    因為模板中內建的上下頁都會跨分類
    希望您能提供比較方便的方式 謝謝

    • 香腸大大~不好意思

      因為我試過

      我想要的功能應該接近 wordpress related posts的功能

      但是wordpress related posts顯示的文章不是最新的幾篇就是最舊的幾篇

      一般內建的上一頁 下一頁的功能雖然會一發表時間排列但又會跳到其他分類文章

      我希望要的功能是能依照同類文章發表的時間繼續閱讀同類文章如果是最新文章就顯

      示”已是最新文章” 再麻煩大大 謝謝

  35. 為何 每次留言之後, 我在別人留言後面回覆, 一刷新回覆的留言就消失了…

    還有一個問題. 我使用的新版的blogspot, 無法修改html了. 有沒有辦法單獨修改這個代碼達到管理留言的可能?

  40. 想要成功創業賺錢，靠得是方法和一套有效的系統而非埋頭苦幹！
    成功永遠屬於您，但重要的是~您必需跨出第一步去學習!
    你我都有錯失機會的時候，但往往總是懊悔，
    現在就採取行動吧，這可能是你能夠抓住夢想的機會。
    現在就免費註冊體驗系統的強大威力>>> http://ekoung588.blogspot.com

  42. 想請問一下，我是使用Facebook Comments for WordPress插件（其實這個插件設定上還不是說非常複雜），只是我有個問題是說，我在FB的管理介面有很多留言我點檢視留言所在網頁卻都沒看到留言，請問這是什麼原因呢? 後台有看到留言但是在網頁中卻沒有留言

    • 你好，這我掛我大概看過而已，沒有實際應用，所以無法回答問題。
      那個外掛似乎蠻吃系統資源，基本上我不會建議您使用它的。

  45. 請問版主，這個功能可以放在一般html網頁嗎?
    請問要怎麼設定呢?

    香腸回應：
    可以，帶網址的那個參數，輸入你網頁的絕對路徑。

  49. 香腸阿
    有沒有可以把FACEBOOK留言跟一般流言整合在一起的外掛呢?
    我是希望可以依照發言順序不要分是FACEBOOK留言跟一般流言了
    現在這樣用起來超怪
    倒不如不要放FACEBOOK留言

    香腸回應：
    沒有看到~

    • 剛剛在逛的時候好像有看到一個
      我找看看

      香腸回應：
      我有看過一個外掛整進去WP可以管理，但是他很肥，也不能和WP留言混搭。

  50. 糖果的方法比較好用 香腸的方法好像有時會每一篇文章留言都一樣 變成說留言都是一起的Orz..

    香腸回應：
    不解@@，因為我方法就是官方的方法~~

  56. 我是用外掛Facebook Comments for WordPress，因為我用的佈景，放的位置跟大多數都不同，所以只好用外掛。但是我有個問題，使用這個外掛，他本身含有「讚」按鈕，所以我把原本的讚按鈕取消，但是這外掛顯示的讚按鈕，只要這篇文章沒有被按過讚，那你按下去之後，過兩秒會自動取消，再按一次，變成一個留言框，有時候還會要你「確定」這個讚，暈了…香腸老弟，這該如何是好？！

    • 你好，外掛我有看過，那個設定真的是太複雜了，雖然佈景架構不太一樣，但可以透過NotePad++去對目錄做搜尋，找類似「<?php comments_template('', true); ?>」這串，就是WP預設留言區域，在那邊之前或之後加入手動的語法會來得好 :)

    • 現在比較麻煩的是，我光是加入讚按鈕，按下去之後，自己的名字會顯示2秒，然後就會消失，我Google了半天，沒有任何類似的案例可供解決…我重新裝過WP3.2也沒用…傷腦筋了！

    • 我的讚按鈕也是按照香腸老弟的教學做的，之前可以用，現在我把Facebook Comments for WordPress刪除後，再把讚按鈕語法加入後，依然是按了就消失，這下真的慘了～有沒有可以恢復預設或者重新安裝的方式？

    • 我今天重新把一些外掛整理一下，發現加入Facebook留言板，也可加入讚按鈕，然後我發現，彷彿在7/7日之後的文章，讚按鈕失效，只要是沒人按過的，我按都不行。在7/7之前的，即使沒人按過的我都可以按，別人之前按過讚的，我也可以追加讚。這種情況真的是詭異！

      對了，我的FB ID是7/7那天，看你這篇文章申請的，會不會有關連呢？先謝謝香腸老弟啦！

  60. 香腸我測試失敗耶，我把代碼貼到single.php中的<?php comments_template( '', true ); ?>前面，header的部分也加上了，但是不見效果呢… 網站在這http://awpsir.uni.cc/

  62. 請問…我已經把語法全貼好了@@ 可是他這頁框還是顯示英文耶囧 (我有更改成zh_TW)

    orz 整個把佈景語法翻了好幾遍還是無法解決Q_Q 香腸救命阿><

    • Blogger差異不大，差在參數要帶哪個進去。
      你可以參考這篇試試看囉：http://etblue.blogspot.com/2011/04/blogger-facebook-comments-box-blogger.html

  71. 我也整合了有段時間了…
    不過往往到後台就會忘記要去看FB留言＝口＝｜｜｜…
    不知道有什麼辦法讓他也出現在後台…
    沒想到同一種教學跟我寫出來的FU完全不同XD

  80. 如果香腸大想整合社群有兼顧隱私的話可以試試 Disqus 呀～
    它的可以分享到推特，也能將文章分享到臉書。

    留言也可以完全導入導出，不用怕Disqus 倒了留言找不回～

  84. 有些人不太喜歡FB留言功能(像我就不想在網站上留下真實姓名，也不想讓網友知道我在哪網站的留言及留言內容)，建議像這樣雙留言並行比較好，如果像重灌狂人這樣只接受FB留言，我覺得就比較封閉了

    香腸回應：
    是阿，我擔心的點是怕FB倒掉以及訪客反彈XD
    不過他們那樣網站可以省好多資源~

    • 哈，FB没那么易倒吧，毕竟做那么大了。另外使用FB留言功能中国是无法访问到的，被墙屏蔽了。

      香腸回應：
      那就請跳板或是傳統留言囉 :D

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料。