在底部页面选项卡中添加注释框

时间:2011-09-08 10:18:14

标签: facebook facebook-iframe

我制作了一个页面test.php,带有图像幻灯片jquery循环效果,beatport播放器和其他效果都可以运行..

我尝试使用此代码在底部添加评论框

<div id="fb-root">fb:comments href="https://www.facebook.com/pageadresse" num_posts="8" width="500"></fb:comments> </div>

通过Css定位评论框

当我测试http://myserver/iframe/test.php时,会显示其正常评论框。 但当我添加应用程序到我的页面评论框dissapears 任何帮助??

谢谢。

1 个答案:

答案 0 :(得分:2)

首先,确保您已将xml命名空间添加到文档的HTML标记中 - &gt;

<html xmlns:fb="https://www.facebook.com/2008/fbml">

第二次,您提供的代码缺少一个开头'&lt;'标签,所以它应该是 - &gt;

<fb:comments href="https://www.facebook.com/pageadresse" num_posts="8" width="500"></fb:comments>

第三次,您不需要将其放在<div id="fb-root"></div>中,只需在页面上的某个位置使用fb-root div即可运行facebook js-sdk。 / p>

您可以将javascript sdk和评论插件全部合并到一起 - &gt;

<script>(function(d){
  var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
  js = d.createElement('script'); js.id = id; js.async = true;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments href="https://www.facebook.com/pageadresse" num_posts="2" width="500">
</fb:comments>

此处有更多信息 - &gt; http://developers.facebook.com/docs/reference/plugins/comments/