如何在我的网站中嵌入Facebook Like Box?

时间:2014-11-02 17:33:31

标签: javascript facebook facebook-like

我觉得这应该很容易,但我无法工作。

我在Facebook上为我的网站创建了一个应用程序。我已经设置了我的网站网址并公开了我的应用。

根据说明,我应将此代码添加到body

的顶部附近
<script>
window.fbAsyncInit = function() {
  FB.init({
    appId      : 'MY_APP_ID',
    xfbml      : true,
    version    : 'v2.2'
  });
};
(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/sdk.js";
 fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));
</script>

然后我可以嵌入这样的插件:

<div
  class="fb-like"
  data-share="true"
  data-width="450"
  data-show-faces="true">
</div>

当我这样做时,我在fb-like div内看不到任何内容。

我挖得更深一些,似乎第一位代码应该引入的sdk.js文件不是。相反,//connect.facebook.net/en_US/sdk.js网址会将307 Internal Redirect返回给about:blank

我已清除了缓存,我在localhost以及我的实际域上尝试了此代码,并更改了网站网址以匹配。

我做错了什么?

2 个答案:

答案 0 :(得分:7)

就我而言,我的Disconnect Chrome插件正在运行。它阻止了对社交媒体网站的请求。

我关闭了阻止程序插件,一切都很顺利。

答案 1 :(得分:0)

Somethimes 有助于在匿名模式下运行以检查扩展的影响。