目前臉書算是主流的社羣平台,透過臉書可以快速的跟親朋友聊天打屁,以及分享最近自己生活的大小事,所以臉書也將它的留言功能釋放出來,讓大家可以將臉書的留言整合在自己的網站中,甚至也可當成 Live 聊天版來使用,雖然説很方便,但早期並不支援管理功能,所以我一直沒使用所以也沒多研究,不久後臉書也開放了管理功能,也可看到許多人也紛紛的使用,而這一次是因為剛好幫朋友建站,朋友希望有此功能,所以我就順便的研究與瞭解一下,因此有想要把臉書留言框加到網站的朋友,現在也一塊來看看吧!
取得 Faccebook APP ID:
Step1
首先進到 https://developers.facebook.com 開發畫面,點一下MyApps / Add a New App選項。

Step2
接着點右上角的Skip and Create App ID。

Step3
再依序的輸入留言板的名稱與類別,設定好後再按Creat App ID鈕。

Step5
這時候在Dashboard中,就可看到APP ID,這個要先留意一下,等回會用到。

Step6
接着切到Settings頁籤,再輸入這個 APP 使用的網域名稱,輸好後再按下方的Add Platform鈕。

Step8
接着再輸入網站與手機版的網址,完成後再按Save Changes鈕,到這邊就已完成所有 APP 的建立啦!

取得 Faccebook 留言 Code:
Step9
當取建立好 APP ID 後,再來就是要取得留言的程式碼,接着進到 https://developers.facebook.com/docs/plugins/comments,輸入 URL 與寬度和要顯示的筆數,再按左下的Get Code。

Step10
分別將下方的二段的語法複製下來,上方是要貼在 body 下,另一段則是貼在要顯示留言的版面中,由於是要在 Wordpress 使用,所以會需要作點小調整,那就是把 data-href 修改成data-href=""。

取得 fb-admin ID:
Step11
進到下方的網址 https://graph.facebook.com/minwt,第一個 id 就是 fb-admin 的 ID 啦!

安插到 Wordpress 主題主機中:
Step12
接着開啓header.php,將下方的語法貼到結尾上方。

Step13
再把
Step14
開啓 single.php 頁面,將下方的語法加到要顯示的區塊中,由於是 wordpress 用,所以語法有些小調整。

Step15
這樣就大功告成啦! 當完成時,並且 ID 都無誤的情況下,同時 FB 有登入的情況下,臉書的留言框,則會出現版主檢視,以及設定的鈕,若沒看到的話,有可能是 ID 或網址輸入錯誤,日後當要管理臉書留言時,可到 https://developers.facebook.com/tools/comments 這來管理。




