目前脸书算是主流的社群平台,透过脸书可以快速的跟亲朋友聊天打屁,以及分享最近自己生活的大小事,所以脸书也将它的留言功能释放出来,让大家可以将脸书的留言整合在自己的网站中,甚至也可当成 Live 聊天版来使用,虽然说很方便,但早期并不支援管理功能,所以我一直没使用所以也没多研究,不久后脸书也开放了管理功能,也可看到许多人也纷纷的使用,而这一次是因为刚好帮朋友建站,朋友希望有此功能,所以我就顺便的研究与了解一下,因此有想要把脸书留言框加到网站的朋友,现在也一块来看看吧!


取得 Faccebook APP ID:
Step1
首先进到 https://developers.facebook.com 开发画面,点一下MyApps / Add a New App选项。


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


Step3

再依序的输入留言板的名称与类别,设定好后再按Creat App ID钮。


Step4

接着输入验证码。


Step5
这时候在Dashboard中,就可看到APP ID,这个要先留意一下,等回会用到。


Step6
接着切到Settings页籤,再输入这个 APP 使用的网域名称,输好后再按下方的Add Platform钮。


Step7
再选择Website的图示。


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 这来管理。