我添加了一个评论框我的网页上: 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