1

私はしばらくこれと戦ってきましたが、Facebookの「いいね」ボタンを確実に表示させることはできません。これは、どのブラウザーでも、私のサイトのどのページでも、約 2/3 または 3/4 の確率で表示されます。オルレアンライブ

私は次のコードを使用しています：

<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>

すべての拡張機能を無効にして、多数のブラウザーと OS でこれを再現しました。このページには、いいねボタンが 1 つしかありません。私たちの OpenGraph タグは有効ですが、そうでない場合、一部の時間だけ失敗するのはなぜでしょうか?

Javascript エラーはありません。all.js正しく読み込まれ、コンテンツがあります。fb のような div は単に iframe で埋められていません。ページソースとまったく同じままです。単に何も起こりません。

この問題は、上記のサイトにアクセスして数回リロードすることで簡単に再現できます。

4

2 に答える 2

1

15回のリロードで問題を再現できませんでしたが、動的コンテンツや動的読み込みコンテンツが多いサイトでこの問題を何度も見てきました. サイトで最後に読み込まれるのが facebook ボタンであることに気付きましたか? タイムアウトになりそうです。他のものをロードする必要があるときにこの問題が発生する傾向があり、しばらく時間がかかり、ブラウザがロードするのに間に合うようにFacebookが完了できません。

*余談ですが、Google アナリティクスと quantcast (使用している場合) を削除してみて、問題を再現できるかどうかを確認してください。お知らせ下さい。

于 2012-05-10T21:12:22.143 に答える
0

FB スクリプトを他のスクリプトと一緒に、あなたの<div id="main">下の領域に移動してみてください<div id="footer">。

Twitter コメント ウィザードを使用してこの div にコンテンツを動的に入力していることが原因である可能性があります。Facebook のようなボタン スクリプトを解析するブラウザーの機能が台無しになっている可能性があります。

于 2012-05-10T21:11:34.483 に答える