我添加了一個評論框我的網頁上: http://metallica-gr.net/news/welcome/welcome.html的Facebook評論插件未發佈任何評論
但是當我添加評論甚至發佈到Facebook的檢查,這則留言未顯示在Facebook上。有時候,當我沒有選中並重新檢查框時,它就起作用了。它是錯誤還是我做錯了什麼?
我添加了一個評論框我的網頁上: http://metallica-gr.net/news/welcome/welcome.html的Facebook評論插件未發佈任何評論
但是當我添加評論甚至發佈到Facebook的檢查,這則留言未顯示在Facebook上。有時候,當我沒有選中並重新檢查框時,它就起作用了。它是錯誤還是我做錯了什麼?
你的源代碼顯示你有多個fb-root
div標籤,沒有應用程序ID。
您的代碼:
<div id="fb-root"></div>
<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/el_GR/all.js#xfbml=1";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
刪除一個fb-root
div標籤,然後創建一個新的FB的應用程序,獲得其應用程序ID,並把它添加到連接的URL,即//connect.facebook.net/el_GR/all.js#xfbml=1
最終代碼看起來應該像這個:
<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/el_GR/all.js#xfbml=1&appId=<YOUR-APP-ID>";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
另外爲什麼不使用HTML5代碼插件?
<div class="fb-comments" data-href="{YOUR_SITE_URL}" data-num-posts="2" data-width="470"></div>
您的網站是缺少一些重要的OG meta標籤,這些都是og:title
,og:url
,og:description
,og:type
和fb:app_id
(可選的意見適量)。
此外,您的圖片引用og:image
兩個維度應至少200px。糾正它,它應該工作。
例如:
<meta property="og:title" content="Metallica-gr" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://metallica-gr.net/news/welcome/welcome.html" />
<meta property="og:image" content="{IMAGE_URL}" />
<meta property="og:description" content="{YOUR_SITE_DESCRIPTION}" />
<meta property="fb:app_id" content="{YOUR_APPLICATION_ID}"/>
不要忘了lint更改後,使FB服務器緩存新更新的URL。
讓我知道它是否工作。
你的意思是「創建一個新的fb應用程序」?沒有應用程序ID獲取facebook框的代碼。 – lonewulf
所以我做了一個新的應用程序並粘貼了ID,但仍然無法使用。 – lonewulf