Facebook Comments 審核工具沒有出現

本篇要說明在 WordPress 中採用 Facebook 使用「留言 – 社交外掛程式」,部分的文章沒有出現「審查工具」的問題。

若已在留言板開發者工具中設定好管理者權限,然後在部分的文章下方留言處能看到審查工具,但是有的文章卻不行。

解決辦法是使用「Debugger – 開發人員專用的 Facebook」,將不能使用的網址丟入查看。

在「Warnings That Should Be Fixed」訊息中,應該可以發現一段訊息。

The ‘fb:app_id’ property should be explicitly provided, Specify the app ID so that stories shared to Facebook will be properly attributed to the app. Alternatively, app_id can be set in url when open the share dialog.

基本上的大意是,網頁中並沒有發現 fb:app_id 這個屬性。如果是這個問題,只要在「佈景主題首頁 (header.php)」補上下列訊息。

[code lang=”html”]
<meta property="fb:app_id" content="{YOUR_APP_ID}" />
[/code]

之後再重新把網址丟入「Debugger – 開發人員專用的 Facebook」,讓它重新「Scrape Again」,上面的錯誤訊息如果消失了,回到原本無法管理的網頁,重新整理後,應該就會看到審核工具了。

關於這個問題發生的原因,是在 Javascript SDK 上面。js.src 上面帶有 addId 參數,可以不用填寫 meta property=”fb:app_id”

[code lang=”html” highlight=”7″]

<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.6&appId={YOUR_APP_ID}";
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
[/code]

[code lang=”html” highlight=”7″]

<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.6";
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
[/code]

 

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *