为什么我网站上的“喜欢”按钮只出现大约 3/4 的时间



我已经为此奋斗了一段时间,我只是无法可靠地显示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 填充;它与页面源代码中的完全一样。根本什么也没发生。

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

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

*附带说明一下,尝试删除谷歌分析和量化广播(如果您使用它),看看是否可以复制该问题。让我知道。

尝试将

FB脚本移出<div id="main">,并使用其他脚本移动到<div id="footer">下方的区域。

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

最新更新