如何在我的網站中嵌入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？

回答

相關問題