3

私はブログ投稿があり、投稿の下にFacebook Like、Google Plus、TweetボタンがあるWebサイトを設計しています。Google Plusのドキュメントには、スクリプトをヘッドタグに配置する必要があると記載されていますが、Google Plusボタンのスクリプトを読み込むまでサイトが読み込まれない（白、空白のページ）ため、サイトの読み込みが遅くなるだけです。 （接続して完全にロードするのに約3〜4秒かかる場合があります）。だから私は（ウェブ上のいくつかの推奨事項を読んで）私のbodyタグの下部（とにかくbodyタグの内側）にスクリプトタグを持っていきました。

ボタンのコードは次のとおりです。

    <div id="ExtrasBox">
                <table>
                    <tr>
                        <td>
                            <iframe src="http://www.facebook.com/plugins/like.php?app_id=192609804132243&amp;href&amp;send=false&amp;layout=button_count&amp;width=46&amp;show_faces=true&amp;action=like&amp;colorscheme=dark&amp;font=lucida+grande&amp;height=21"
                                scrolling="no" frameborder="0" style="border: none; overflow: hidden; width: 46px;
                                height: 21px;" allowtransparency="true"></iframe>
                        </td>
                        <td>
                            <g:plusone size="medium" count="false"></g:plusone>
                        </td>
                        <td>
                            <script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>
                            <a href="http://twitter.com/share" class="twitter-share-button" data-count="horizontal"
                                data-via="canpoyrazoglu" data-related="can16358p:kişisel hesabım">Tweet</a>
                        </td>
                    </tr>
                </table>
            </div>

本文の最後にGoogle+スクリプトもあります。

しかし、今、私は非常に奇妙な問題に直面しています。ページが読み込まれると、ツイートボタンがGoogle+ボタンに変わることがあります（原因はわかりません）。したがって、正しいものは次のとおりです。

正しいもの

しかし時々（私は数回リフレッシュとフルリフレッシュを試みましたが、今それを再現することができませんでした、それはちょうどこのフォトショップバージョンのようでした）私はこれを手に入れています：

間違ったもの

また、ボタンはGoogle+ボタンのように動作し、Firebugで調べると、2つのGoogle+ボタンが表示され、ツイートボタンの痕跡はありません。私は自分のタグを正しく閉じています（とにかくそれらは異なるTDにあります）、そして最も奇妙なことはこの問題がちょうどランダムに発生しているということです。現在は発生していませんが、今日は複数回発生しました（完全な更新後など、それぞれ個別に発生しました）。スクリプトタグが本文の後にあることと関係があるかどうかもわかりません（タグを頭に入れることは私には選択肢がありません。超高速のページの読み込みを約4〜5で遅らせたくありません問題は再現できないため、Google +ボタンの場合は数秒）。

何が理由になるのかについてのアイデアはありますか？有用な/汚れていない/ハッキーな回避策/解決策は大歓迎です。

4

2 に答える 2

2

共有ボタンは実際にはiframeであるため、各共有JavaScriptを3つのdivまたはテーブルセルで囲んでみてください。

于 2011-08-01T12:40:17.333 に答える
0

誰もが知っていることですが、この問題は二度と発生しませんでした。おそらく、キャッシュまたはスクリプトによる一時的なバグだったと思います。私は何日も同じサイトをテストしてきましたが、二度と起こりませんでした。

于 2011-08-06T10:28:06.450 に答える