7

我很沮丧，因为我花了几个小时在这上面 - SO 上还有其他线程，但没有一个能解决我的问题！

我只是想在我的网站 www.posti.sh 上实现类似 fb 的按钮 - 我想知道为什么它不起作用？

这是我使用的代码，根据https://developers.facebook.com/docs/reference/plugins/like/分步教程：

<div id="fb-root"></div> (directly after the opening body tag)

和

<div class="fb-like" data-href="http://www.posti.sh" data-send="true" data-width="450" data-show-faces="true"></div>

我希望它在哪里。

我还在头部添加了相应的元标记。

有人知道为什么它不起作用吗？

谢谢！！

丹尼斯

更新 1

我使用了 fb 调试工具https://developers.facebook.com/tools/debug，它只说 og 图像不够大 - 我想这应该不是问题吗？

4

2 回答 2

4

看起来 HTML5 Like Button 代码中的第 1 步缺少实际添加Javascript SDK的部分。代码应该是：

<div id="fb-root"></div>
<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : 'YOUR_APP_ID', // App ID
      channelUrl : '//WWW.YOUR_DOMAIN.COM/channel.html', // Channel File
      status     : true, // check login status
      cookie     : true, // enable cookies to allow the server to access the session
      xfbml      : true  // parse XFBML
    });

    // Additional initialization code here
  };

  // Load the SDK Asynchronously
  (function(d){
     var js, id = 'facebook-jssdk', ref = d.getElementsByTagName('script')[0];
     if (d.getElementById(id)) {return;}
     js = d.createElement('script'); js.id = id; js.async = true;
     js.src = "//connect.facebook.net/en_US/all.js";
     ref.parentNode.insertBefore(js, ref);
   }(document));
</script>
于 2012-05-18T22:28:07.170 回答
0

刚才我解决了类似的问题。显示了类似 FB 的按钮，但不起作用。

在我的页面<div id="fb-root"></div>中是div带有position: relative;css-attribute 的。删除后position: relative;它再次工作。

于 2012-09-05T07:27:58.147 回答