0

I have added a comments box on my page: http://metallica-gr.net/news/welcome/welcome.html

But when I add a comment even with Post to Facebook checked, that comment is not showing on facebook. Sometimes it worked when I unchecked and rechecked the box. Is it bug or am I doing something wrong?

4

1 回答 1

1

您的源代码显示您有多个fb-rootdiv 标签并且没有应用 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-rootdiv标签，然后创建一个新的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 元标记，它们是、 、 和og:title（og:url可选og:description用于审核评论）。og:typefb:app_id

此外，您引用的图像og:image在两个维度上都应至少为 200 像素。纠正它，它应该工作。

例如：

<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}"/>

不要忘记在更改后对 url 进行lint，以便 fb 服务器缓存新的更新。

让我知道它是否有效。

于 2012-10-22T02:29:46.560 回答