Facebook Like Box插件无法进行网页测试

时间:2013-02-21 11:11:03

标签: facebook plugins facebook-social-plugins

我刚复制过&来自https://developers.facebook.com/docs/reference/plugins/like-box/

的粘贴代码

以下是测试页:http://net-gal.com/fbTest.html

我在Mac / Firefox& Safari加上pc / IE和插件会占用大量空白但没有Facebook提供。

如何让我的Facebook Feed显示在页面上?

身体标签下的

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

在页面中显示:

<div class="fb-like-box" data-href="http://www.facebook.com/ginger.lindbergh" data-width="292" data-show-faces="true" data-stream="true" data-header="true"></div>

我添加了另一个使用Facebook开发者页面ID的测试页面。 请参阅测试页面:net-gal.com/fbTest2.html

代码更改为:data-href =“http://www.facebook.com/platform”

所以看起来插件正在运行,但不是我的Facebook页面的链接。这是我的facebook安全设置吗?我查了一下&amp;他们似乎很好。我还用我的数字ID链接替换了我的文本链接,结果是一样的;没有饲料。我在页面中添加了一个新的状态更新,但这也没有改变它。但我已经淘汰了实际的插件;它确实有用。

我不知所措;任何人都可以通过告诉我我需要做什么来让这个代码拉出我的Facebook像盒子?

5 个答案:

答案 0 :(得分:15)

我认为问题在于代码生成器。我也遇到了同样的问题。这就是我解决它的方法:

更改以下行:

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

要:

js.src = "http://connect.facebook.net/en_US/all.js#xfbml=1"; 

答案 1 :(得分:4)

您必须拥有 Facebook粉丝专页才能使用Like Box社交插件。 Like Box插件不会显示您的墙,因为您的帐户只是个人资料。尝试任何粉丝页面,它会正常工作。

例如,替换:https://www.facebook.com/ginger.lindbergh

使用:http://www.facebook.com/AxtraRD

您可以将Facebook个人资料转换为粉丝专页。遵循此处描述的步骤:https://www.facebook.com/help/116067818477568/

答案 2 :(得分:3)

答案比每个人都说的更简单。您需要做的就是在线上传您的HTML文件并在线测试,这将有效。

这不适用于您的本地计算机。我希望这会有所帮助。

答案 3 :(得分:2)

改变这一行:

js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";

对此:

js.src = "**http:**//connect.facebook.net/en_US/all.js#xfbml=1"; 

并在线上传!这解决了我的问题...

答案 4 :(得分:-2)

它本地不工作

您需要在Web服务器上发布以进行测试