Facebook页面插件在网站上显示不正确

Question

我试图将facebook粉丝页元素嵌入我的网站。 我去了HERE以获得正常运行的代码。 结果我复制并粘贴了这个：

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

身体标签后（据我所知） 而这：

     <div id="facebookPage">
     <div class="fb-page" data-href="https://www.facebook.com/StonedMeadowOfDoom?fref=ts"
 data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="false"
     data-show-posts="false"><div class="fb-xfbml-parse-ignore">
    <blockquote cite="https://www.facebook.com/StonedMeadowOfDoom?fref=ts">
    <a href="https://www.facebook.com/StonedMeadowOfDoom?fref=ts">
    Stoned Meadow Of Doom</a></blockquote></div></div>

在页脚中，我想要盒子。它在一个块div中，但后来的测试证明在所有其他地方都有相同的效果。

问题在于，当我想测试出来时，它没有正确显示。 我唯一得到的是一个带下划线的文字＆＃34; Stoned Meadow of Doom＆＃34;带有粉丝页面的链接。没有盒子，没有，没有，没有。

所以我的问题是：我做错了什么，我该如何解决这个问题呢？

inb4。脚本位于底部也会产生同样的效果，对于网站在线和离线也会产生同样的效果。

非常感谢任何帮助

Answer 1

使用IFrame代替Javascript SDK。我有同样的问题，对我有用。

Answer 2

你在本地测试吗？您需要设置服务器才能看到它。

Answer 3

如果在本地测试，请尝试更改

js.src = "//connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.4";

到

js.src = "http://connect.facebook.net/pl_PL/sdk.js#xfbml=1&version=v2.4";

无法保证