【教學】在網站嵌入Facebook Comments與管理所有FB留言。(WordPress免外掛)
臉書粉絲留言框管理,臉書開發人員工具


FacebookComments
經營網站或部落格最不可或缺的留言Facebook Comments,雖然WordPress內建已經有迴響功能,但還是習慣放入臉書的留言框外掛,提升和粉絲的互動,以下為嵌入FB 留言框的教學,無需安裝外掛和複雜的程式碼,照下方步驟操作簡單設置完成。








嵌入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

延伸閱讀:關閉WordPress迴響