Question

我一直在争吵这一段时间，我无法让facebook'喜欢'按钮显得可靠。对于我，在任何浏览器中，我网站上的任何页面上显示大约2/3或3/4的时间，例如：https://www.liveset.com/events/142-blindpilot-new-orleans-live

我正在使用以下代码：

<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填充;它仍然与页面源中的完全一样。简直没有任何反应。

通过访问上面的网站并重新加载几次，可以轻松复制问题。

Answer 1

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

* 在旁注中，尝试删除Google Analytics和quantcast（如果您使用它）并查看是否可以复制该问题。让我知道。

Answer 2

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

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

为什么我网站上的类似按钮仅出现3/4的时间？

2 个答案: