Facebook评论模块不会在桌面上显示评论

时间:2014-09-05 11:54:19

标签: facebook wordpress comments

我在这里很困惑。我在这个网站上有Facebook评论,我可以在审核部分看到评论正在进行中。但是,当我将页面加载到桌面(或平板电脑,我们将相同版本的页面服务于平板电脑)时,它会显示0条评论。

如果您在移动设备上加载页面(甚至在Chrome上模拟手机),则评论会显示正常。 我不知道如何开始调试这个,任何想法?

带注释的示例页面:由于已解决而被删除

有没有人有类似的问题?我的意思是问题可能在代码中的某个地方,但我无法在我的生活中找到它。我有所有需要的FB元标记,我有

<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/en_US/sdk.js#xfbml=1&appId=<?php echo($options["theme"]["facebook_app_id"]); ?>&version=v2.0";
    fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

然后最后是表单本身

<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-width="100%" data-numposts="50"></div>

所有这些都直接从developer.facebook工具中复制,除了app_id(我有多个使用相同代码的网站)。我甚至试图对应用程序进行硬编码,但这没有帮助。

所有帮助真的很感激。

编辑:想到也许只是我并继续安装Fat Panda插件的Facebook评论,但问题仍然存在。没有关于桌面的评论,只适用于移动设备。

1 个答案:

答案 0 :(得分:0)

当我在Chrome中模拟移动设备(我随机选择Google Nexus 4)时,data-href元素的<div class="fb-like">属性设置为

http://www.suomikiekko.com/2014/08/ilja-kovaltshuk-ei-nimea-jokereita-pietarin-skan-paavastustajaksi/

- 与我正在查看的文章相同的地址。

但是,当我在桌面模式下查看网站时,评论插件的data-href属性设置为

http://www.suomikiekko.com/2014/09/tassa-on-jokerien-historiallisen-khl-kauden-kapteenisto/

- 所以这似乎是完全不同的文章的URL。地址栏中的URL仍然是第一个,但内容似乎与移动视图中的内容相同。

当然,不同的URL意味着与评论相关联的不同Open Graph对象。


我无法在移动仿真模式下查看源代码,因此data-href值只是我在DOM检查器中看到的值 - 但我认为这不是注释插件与此混淆,而是您的网站正在进行某种桌面/移动检测,并基于此提供不同的HTML。因此,我建议您进一步调查此方向 - 尝试找出在桌面上查看页面时可能导致CMS传送错误data-href属性的原因。