添加Facebook社交插件

时间:2013-04-22 14:10:48

标签: facebook-like

我对提出这个问题感到非常愚蠢,特别是在经过这么多年设计和建立网站之后。我一直在研究如何让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>

1 个答案:

答案 0 :(得分: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中属性。

相关问题