1

我已经为此奋斗了一段时间，但我无法让 facebook 的“喜欢”按钮可靠地出现。在任何浏览器中，在我网站上的任何页面上，我大约有 2/3 或 3/4 的时间出现在我的网站上，例如这个：https ://www.liveset.com/events/142-blindpilot-new-奥尔良直播

我正在使用以下代码：

<div class='fb-like' data-href='https://www.liveset.com/events/142-blindpilot-new-orleans-live' data-layout='button_count' data-send='false' data-show-faces='false'></div>
.
.
.
<div id='fb-root'></div>
<script>
  //<![CDATA[
    (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";
      fjs.parentNode.insertBefore(js, fjs);
    }(document, 'script', 'facebook-jssdk'));
  //]]>
</script>

我们已经在禁用所有扩展的众多浏览器和操作系统中复制了这一点。页面上只有一个赞按钮。我们的 OpenGraph 标签是有效的，如果不是，为什么它只会在部分时间失败？

没有 Javascript 错误。all.js正确加载，并且有内容。类似 fb 的 div 根本没有用 iframe 填充；它与页面源中的完全一样。根本没有任何反应。

通过访问上面的站点并重新加载几次，很容易复制该问题。

4

2 回答 2

1

我无法通过 15 次重新加载来复制该问题，但我在具有大量动态内容或动态加载内容的网站上已经多次看到此问题。请注意您网站上要加载的最后一件事是 facebook 按钮吗？很可能已经到了他们的尽头，超时了。当其他东西必须加载时，我往往会遇到这个问题，它们需要一段时间，然后 facebook 无法及时完成浏览器加载它。

*附带说明，尝试删除谷歌分析和quantcast（如果你使用它），看看你是否可以复制这个问题。让我知道。

于 2012-05-10T21:12:22.143 回答
0

尝试将您的 FB 脚本移出您的其他脚本<div id="main">并移至您下方的区域。<div id="footer">

这可能是因为您正在使用 Twitter 评论向导将内容动态填充到此 div 中，这会破坏浏览器解析 Facebook Like 按钮脚本的能力。

于 2012-05-10T21:11:34.483 回答