添加Facebook社交插件

对于问这个问题我觉得完全愚蠢，特别是经过这么多年的设计和建设网站。我一直在研究如何让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>

来源

2013-04-22 Christopher Harris

我已经成功地使用利用所示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属性中。

来源

2013-04-22 14:58:22

感谢您的建议鲁伊。我已经尝试过，但继续尝试，我仍然没有收到任何东西。我使用了Chrome开发人员工具，并且表示在尝试从Facebook检索'all.js'时出现错误。 – 2013-04-22 15:16:31

添加Facebook社交插件

回答

相关问题