2013-04-22 83 views
0

對於問這個問題我覺得完全愚蠢,特別是經過這麼多年的設計和建設網站。我一直在研究如何讓Facebook社交插件爲我的網站工作,並且我完全陷入困境。所以,我已經剝去了我能想到的所有東西,只是在這裏有一個完整的基本頁面。我已經完成了Facebook開發者工具所要做的事情,而我什麼都沒有。這裏是我的代碼如下,任何建議將是偉大的!添加Facebook社交插件

只是爲了避免這種情況,它說'APP_ID',我確實放入了我的應用程序ID,但我仍然沒有收到任何東西。

<!DOCTYPE html> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<title></title> 

<script src="scripts/JavaScript_v1_9_1.js"></script> 
<script src="bootstrap/js/bootstrap.js"></script> 

<link href="fonts/OpenSans/stylesheet.css" rel="stylesheet" /> 
<link href="bootstrap/css/bootstrap.css" rel="stylesheet" /> 

</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/all.js#xfbml=1&appId=APP_ID"; 
fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 
<div class="fb-like" data-href="https://www.facebook.com/DippPicks" data-send="true"   data-width="450" data-show-faces="true" data-font="segoe ui"></div> 
</body> 
</html> 

回答

0

我已經成功地使用利用所示here的代碼,這是FB插件:

<script> 
    window.fbAsyncInit = function() { 
    // init the FB JS SDK 
    FB.init({ 
     appId  : 'YOUR_APP_ID',      // App ID from the app dashboard 
     channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel file for x-domain comms 
     status  : true,         // Check Facebook Login status 
     xfbml  : true         // Look for social plugins on the page 
    }); 

    // Additional initialization code such as adding Event Listeners goes here 
    }; 

    // Load the SDK asynchronously 
    (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/all.js"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 

,當你點擊「獲取密碼」稍微從FB插件頁面顯示的代碼不同按鈕,通過預先包含FB.init塊,並在那裏傳入App Id,而不是在js.src屬性中。

+0

感謝您的建議魯伊。我已經嘗試過,但繼續嘗試,我仍然沒有收到任何東西。我使用了Chrome開發人員工具,並且表示在嘗試從Facebook檢索'all.js'時出現錯誤。 – 2013-04-22 15:16:31