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

我感觉这应该很容易，但我无法得到任何工作。如何在我的网站中嵌入Facebook Like Box？

我在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-likediv。

我挖得更深一点，看起来sdk.js文件应该被第一位代码拉入不是。相反，//connect.facebook.net/en_US/sdk.js URL返回307 Internal Redirect至about:blank。

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

我在做什么错？

来源

2014-11-02 WilliamMayor

'//'只有在使用Web服务器测试/通过HTTP访问页面时才有效 - 如果您只是通过文件系统打开HTML文档，则需要用'http： //'明确。 – CBroe 2014-11-02 17:37:08

我正在使用HTTP（不是file：//），但我尝试用直接的http：//替换URL。我很害怕，没有区别，谢谢你的建议。 – WilliamMayor 2014-11-02 18:40:44

那么请检查您的浏览器的错误控制台，是否有任何东西显示在那里。或者展示一个实例。 – CBroe 2014-11-02 18:41:32

在我的情况下，我使用Disconnect Chrome插件运行。它阻止对社交媒体网站的请求。

我关闭了拦截器插件，一切都很好。

来源

2014-11-04 17:27:19 WilliamMayor

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

回答

相关问题