Facebook的喜歡按鈕空白頁

我測試就像在自己的網頁按鈕，Facebook的整合，但似乎並沒有通過得到它，這是我的代碼：Facebook的喜歡按鈕空白頁

<html> 
<head> 
<title>Your Website Title</title> 
</head> 
<body> 

<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : '613335972130771', // I changed this appId when I pasted the code 
     xfbml  : true, 
     version : 'v2.5' 
    }); 
    }; 

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

<div class="fb-like" data-href="https://www.facebook.com/" data-width="400" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>

我在console中沒有任何內容，並且頁面保持空白。

來源

2015-12-22 teeyo

我做了一些額外的研究，能夠解決這個問題，首先我需要改變了Facebook SDK URL，因爲我只是在本地機器上測試：

// from 
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=613335972130771"; 
fjs.parentNode.insertBefore(js, fjs); 
// to 
js.src = "https//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=613335972130771"; 
fjs.parentNode.insertBefore(js, fjs);

然後，我開始變得非常明顯的錯誤，這指示我改變我在我使用（613335972130771）Facebook Developer應用程序酒莊是確切的酒莊我測試上（local.app）

鑑於URL

不是由應用程序配置允許的：一個或多個指定的網址不被應用的設置允許的。它必須與網站網址或Canvas網址匹配，或者該網域必須是其中一個應用網域的子網域。

改變酒莊後，鏈接完美。

來源

2015-12-22 22:18:14 teeyo

這裏工作片斷

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Example Like</title> 
    </head> 
    <body> 
     <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 = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=692966564061436"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

     <div class="container"> 
      <div class="fb-like" data-href="http://example.com" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div> 
     </div> 
    </body> 
</html>

來源

2015-12-22 16:01:23

仍然是一個空白頁，我開始覺得這不是代碼，但在網絡或可能的瀏覽器：用於代碼 – teeyo

是的，我的代碼剛剛張貼了我的工作/感謝...我認爲這是一個瀏覽器問題:) –

謝謝你這麼雷很可能是正確的也一樣，因爲它是如此簡單，我只是用Facebook的開發者頁面上的配置嚮導，反正我會@giacomo嘗試在不同的environement感謝 – teeyo

Facebook的喜歡按鈕空白頁

回答

相關問題