我根据https://developers.facebook.com的指示创建了一个Facebook应用ID。然后我使用该ID为我的博客生成评论社交插件代码,如下所示:
<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&version=v2.7&appId=1789276651307619";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-comments" data-href="<?php the_permalink(); ?>" data-width="600" data-numposts="5"></div>
我对生成的代码所做的唯一修改是在最后一行动态生成帖子的URL(<?php the_permalink(); ?>
)的小PHP。我在主题的single.php
文件中添加了这个完整的代码段。
然而,当页面加载时,我所看到的FB评论插件应该是一个很大的空白区域。可以肯定的是,我尝试在完全不同的浏览器中打开页面并获得类似的结果。我也试过通过插件这样做无济于事。对于它的价值,我尝试过的插件来自Alex Moss和Kevin Partner。有问题的博客位于 peppyburro.com/blog 。我还在我的标题中正式更新了FB应用程序ID:
<meta property='fb:app_id' content='1789276651307619' />
我希望这不是一个重复的问题,因为我已经彻底浏览了所有相关问题 - 不仅在SO上,而且在其他地方 - 并且无法找到解决任何描述完全相同问题的问题的解决方案。
此外,我有一个类似的FB评论插件在同一网站上的另一个(较旧的,待逐步淘汰)博客上工作得很好: peppyburro.com/blogs 。