0

http://googleblog.blogspot.com/のソーシャル ボタンがどのように読み込まれるかを正確に知っている人はいますか? JQuery を介して非同期にロードしようとしましたが、実際のボタンは、次のような Google ブログと比較して、少なくとも 2 つの追加の HTTP 要求を生成します。

http://connect.facebook.net/en_US/all.js https://apis.google.com/js/plusone.js

4

1 に答える 1

3

Chrome 開発ツールを使用すると、Google ブログが各ソーシャル API をロードするために個別のリクエストを行っていることがわかります。コンソールに表示されないので、document.write のようなことをしていると思われます。

リソースのロードを確認するには、開発ツール (ctrl+shift+i) を開き、[ネットワーク] タブをクリックします。一番下までスクロールし、ソーシャル ボタンの上にマウスを置いて、それらが読み込まれるようにします。Twitter、Facebook、Google+ からネットワーク リソースが読み込まれるのがわかります。

あなたの非同期アプローチは問題ないはずです。ここで Google が何らかの魔法を働いているとは思いません。

アップデート

Google は、Facebook の all.js スクリプトをロードする必要のない iframe バージョンの Like ボタンを使用しています。以下は、Facebook ドキュメントのコード サンプルです。

<iframe src="http://www.facebook.com/plugins/like.php?href=YOUR_URL"
        scrolling="no" frameborder="0"
        style="border:none; width:450px; height:80px"></iframe>

+1 ボタンは、文書化されていない手法を使用しているようです。次のような URL を使用して +1 ボタンを読み込みます (Facebook の Like ボタンに似ています):

https://plusone.google.com/_/+1/fastbutton?url=YOUR_URL_ENCODED&size=medium&count=true&width=300&annotation=bubble
于 2012-04-10T05:30:24.993 に答える