2012-05-10 3 views
1

私はこれとしばらく戦ってきましたが、私はfacebookのようなボタンを確実に表示させることはできません。それは、次のような、私のサイト上の任意のページで、任意のブラウザでは、私のためにおよそ2/3または3/4の時間を表示され、この1:https://www.liveset.com/events/142-blindpilot-new-orleans-live私のサイトの同類のボタンはなぜ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で埋められません。それはページソースとまったく同じです。単に何も起こらない。

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

答えて

1

私はこの問題を15回のリロードで再現できませんでしたが、ダイナミックコンテンツまたはダイナミックロードコンテンツの多いサイトでこの問題がかなり発生しています。ロードする最後のものがFacebookのボタンであることに注目してください。おそらくそれは時間切れに終わります。私は、他のものがロードされなければならないときにこの問題を抱える傾向があります。

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

+0

私たちは多くの動的コンテンツを持っていますが、ドキュメントの後ろに読み込まれている他のものをいくつか殺すと問題が解消するかどうか確認します。ありがとう。 – bhuga

+0

「それほど進んでいませんでしたが、document.readyにロードする他のすべてのものを削除しました。私はカスタムのtwitterフィードを持っており、それが無効になっているときは問題はありません。私は問題がまだ正確であることを理解していないが、どこかに競争状態があると思っている。だから私を見せてくれてありがとう! – bhuga

+0

問題のある$ .get呼び出しを追跡しました(これはtwitterの検索です)。その呼び出しがすぐに完了すると、facebook iframeが追加されます。それに1秒かかると、それはできません。理由を判断できません。私は実装と魔法のようなiframeのfacebookに切り替えました、魔法! – bhuga

0

<div id="main">からFBスクリプトを他のスクリプトを使用して<div id="footer">の下に移動してみてください。

これは、Twitterのコメントウィザードでコンテンツをこのdivに動的に入力している可能性があります。ここには、ブラウザがあなたのFacebook Likeボタンスクリプトを解析する機能がありません。

+0

私はこれを試してみます。ありがとう。 – bhuga

+0

変更なし。でもありがとう。 – bhuga

関連する問題