Facebook不会出现Box之类的东西（引导程序）

Question

So this has been driving me crazy, I've been searching similar questions but they all have solutions that seem not to work for me. I am trying to add a like box to my bootstrap website, but it won't appear. I am using the HTML5 version of the widget but have tried others to no avail, have this after my body tag:

    <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>

I made a local verison of all.js since GET was failing to retrieve it from the Facebook servers, even after I uninstalled Ghostery.

Next, I added my like box using:

<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>

With my actual URL of course, and no go, no matter how I arrange the code in a div by itself or anything. Any help is greatly appreciated!

Answer 1

I'm assuming that you're testing the site on a local server, so all you need to do is add "https:" to this line:

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

Like this:

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

Cheers!

Answer 2

I don't think your problem is related to Bootstrap. See http://bootply.com/94974 , this use the same code as you do and works well.

Note in your example code js.src = "js/all.js#xfbml=1"; refers to a local all.js where something like //connect.facebook.net/nl_NL/all.js will be needed.

Answer 3

It works without problem. Need to be sure the referred fanpage (data-href) is a valid one.

Answer 4

It can be FB page permissions setup issue. If the page visibility is restricted for audience from specific location(s), then the likebox doesn't appear.