Question

我在页面上添加了一个评论框： http://metallica-gr.net/news/welcome/welcome.html

但是当我添加评论时，即使选中了Post to Facebook，该评论也没有显示在Facebook上。当我取消选中并重新检查框时，它有时会起作用。是错误还是我做错了什么？

Answer 1

您的源代码显示您有多个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并将其附加到连接网址，即//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元标记，分别是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服务器缓存新的更新。

让我知道它是否有效。

Facebook评论插件不发表评论

1 个答案: