【應用】在網站嵌入Facebook Comments與管理所有FB留言。(免WordPress外掛)

19

嵌入facebook comments plugin留言框教學


STEP1
先進入臉書開發人員工具,建立 Facebook APP 應用程式 ID
Facebook留言框教學6


STEP2

在<head>內加入以下兩段程式碼。(WordPress進入佈景主題header.php修改):若找不到ID可前往查詢Facebook ID

​<meta property=”fb:admins” content=”這裡改管理員個人Facebook ID”/>
<meta property=”fb:app_id” content=”這裡改應用程式APP ID”>

若有好多個管理員只要將程式碼新增多個fb:admins即可,例:

<meta property=”fb:admins” content=”這裡改管理員1個人Facebook ID”/>
<meta property=”fb:admins” content=”這裡改管理員2個人Facebook ID”/>
<meta property=”fb:app_id” content=”這裡改應用程式APP ID”>

Facebook留言框教學4


STEP3

前往Facebook 留言框工具,設定相關資料-FB comments的寬度、顯示的留言數,URL可隨意填寫之後再做修改,完成之後就點Get code取得程式碼,。
Facebook留言框教學1


STEP4

將取得的第一段代碼1. Include the JavaScript SDK on your page once, ideally right after the opening tag.貼到WordPress主題編輯器或其他網站的body後。
<div id=”fb-root”></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.5&appId=XXXX你的App ID”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));



STEP5
第二段代碼,將整段貼在要顯示此臉書留言外掛程式碼的地方,以WordPress為例,放在single單篇文章的底端。data-href後面網址要先改成<?php the_permalink() ?>

<div class=”fb-comments” data-href=”<?php the_permalink() ?>” data-width=”600″ data-numposts=”5″>

Facebook留言框教學5


管理Facebook粉絲留言

管理臉書留言版除了在部落格可以直接切換管理員身分外,我們也能直接透過Facebook 留言管理工具清楚就能看到哪篇文章收到新留言、封鎖、或者刪除回覆等。
Facebook留言框教學2