Facebook Like Box获胜;t出现(引导程序)

Facebook Like Box Won't Appear (Bootstrap)

本文关键字:出现 引导程序 Like Box 获胜 Facebook      更新时间:2023-09-26

所以这让我抓狂,我一直在搜索类似的问题,但他们都有似乎不适合我的解决方案。我试图在我的引导程序网站上添加一个赞框,但它不会出现。我使用的是HTML5版本的小部件,但尝试过其他的都没有用,在我的身体标签后有这个:

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

我对all.js进行了本地验证,因为GET无法从Facebook服务器检索到它,即使在我卸载Ghostery之后也是如此。

接下来,我用添加了我的赞框

<div class="fb-like-box" data-href="MYSITEURL" data-colorscheme="light" data-show-faces="true" data-header="true" data-stream="false" data-show-border="true"></div>

当然,有了我的实际URL,无论我如何在div中单独排列代码或其他什么,都不会出错。非常感谢您的帮助!

我假设您在本地服务器上测试站点,所以您所需要做的就是将"https:"添加到此行:

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

像这样:

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

干杯!

我认为您的问题与Bootstrap无关。看见http://bootply.com/94974,这使用了与您相同的代码,并且运行良好。

请注意,在您的示例代码js.src = "js/all.js#xfbml=1";中引用了一个本地all.js,其中需要//connect.facebook.net/nl_NL/all.js之类的东西。

它工作起来没有问题。需要确保引用的粉丝页面(data href)是有效的。

可能是FB页面权限设置问题。如果特定位置的访问者的页面可见性受到限制,则不会出现类似框。