如何使用Facebook评论社交插件

时间:2013-10-24 16:16:34

标签: facebook plugins social

我正在尝试使用fb社交插件。 fb生成的代码如下所示,但它没有显示任何注释只是给出一个空白页

<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_GB/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

<div class="fb-comments" data-href="https://www.nobrok.com" data-colorscheme="The color scheme used in the plugin" data-numposts="5" data-width="The pixel width of the plugin"></div>

2 个答案:

答案 0 :(得分:0)

评论插件现在有一个错误:https://developers.facebook.com/bugs/383938611736678

在没有登录用户的情况下尝试它,它应该工作。如果没有,请确保再次从插件页面获取正确的代码:

https://developers.facebook.com/docs/plugins/comments/

代码中的配色方案参数错误,请使用:

data-colorscheme="light"

...你还应该将宽度更改为某个实数:

data-width="450"

答案 1 :(得分:-1)

<div id="fb-root"></div>
<!--COMMENTS WILL LOAD IN THIS DIV -->
<div class="fb-comments" data-href="YOUR_URL" data-width="100%" data-numposts="5"></div>
<script>
    window.fbAsyncInit = function () {
        FB.init({
            appId: 'YOUR-APP-ID',
            autoLogAppEvents: true,
            xfbml: true,
            version: 'v3.2'
        });
    };
</script>
<script async defer src="https://connect.facebook.net/en_US/sdk.js"></script>

这是您加载评论插件的方式。 网站下方的来源

https://www.thewebblinders.in/programming/article/how-to-use-facebook-comments-plugin-on-your-website-step-by-step-explained-6020

我建议您看看上面的网站,我在该网站上关注了教程,现在我的网站上的评论就像魅力一样