Facebook留言版通知與管理設定教學-Facebook Comments Plugin

網站上使用Facebook所提供的留言版 Facebook Comments Plugin功能,已經是很部落格網站常見到使用的,因為它簡單好應用所以受歡迎。

常在使用上會有碰到就是設定上的問題,這也是剛開始不理解Facebook Comments Plugin,所以往往需要摸索一段時間,才能將基本的設定給設定好。

這裡也是說明如何解決這些設定的問題,其實設定簡單但若有些步驟沒有做到,就可能使得管理與通知功能無法出現。

首先必須要有fb應用程式編號,申請網址:https://developers.facebook.com/apps/

申請應用程式編號部分就不多說,不在這次的文章重點內,只需跟著步驟下一步,下一步就可以完成,請再行google一下。

申請完成應用程式將編號複製下來,至https://developers.facebook.com/docs/plugins/comments/ 取得程式碼:

<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.8&appId=你的appId";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<div class="fb-comments" data-href="你的網址" data-numposts="5"></div>

將程式碼貼至上圖說明,你所要放置網站上的位置。

這樣若沒問題可從網頁上看到fb的留言版了。

開啟Facebook留言版通知與管理功能

這裡算是設定完成一半,但如何能夠使用管理功能與有人留言會自行在fb上通知。

首先在網頁上的<head></head>裡要設定meta fb:app_id,{YOUR_APP_ID}",就是你的應用程式id,這個標籤就決定了,是否會出現留言版通知與管理功能。

<meta property="fb:app_id" content="{YOUR_APP_ID}" />

再來若你的應用程式不是剛申請的,或是過了很久,請確認FB API版本,因為這可能也會導致無法使用FB留言版通知與管理功能。(更新方式我的做法是刪除這個應用程式重新申請過。記得上面貼上的留言版程式碼//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.8,version部分要使用你目前更新的版本如v2.1改v2.8 )

還需要注意的,若之前網站是分享過的網址,需要使用Sharing Debugger來做檢查,可參考這篇教學Facebook Debugger 檢查錯誤教學使用property meta標籤做分享

(我檢查碰到的問題,主要是之前沒有設定meta fb:app_id,所以不會出現管理者的選項按鈕,留言也不會出現在管理者頁面https://developers.facebook.com/tools/comments/,頁面上加入meta fb:app_id,在使用Facebook Debugger檢查後就可以了)

完成後會出現管者可看見顯示選項(審核工具)

若在沒有出現留言版通知與管理功能可能是在https://developers.facebook.com/tools/comments/

設定 > 版主 沒有加入版主(請加入管理者,也就是你自己,也可加入多個管理者)。

Posted in 電腦技巧

Find the last offers by SkyBet at www.bettingy.com BettingY.com Bonuses