web-dev-qa-db-ja.com

速いロードを持つ複数のソーシャルボタン?

私は this のようなページをたくさんのソーシャルボタンで持っています。そのページの各投稿には独自のボタンがあるため、多くの場合は50を超えるボタンを意味します。

ですから、投稿数を減らして、ページを小さくすることもありますが、これが主な理由ではなく、探しているものでもありません。

ボタンを速くする方法を知りたいです。

Use XFBML? Iframe? HTML5?
How can I make all of them run from one script and not duplicate?
Do you recommend loading the rest of the buttons just when the user scrolls down?
Do you recommend using a service like AddThis or Sharrre?
How can I make all my JS load asynchronously?
Other tips?

ありがとうございます。

1
user1341839

最近登場した解決策があります。それは特にドイツ語を話すネットの2つのクリック方法と呼ばれる部分で人気が高まっています。

ユーザーがボタンのグレー表示された画像をクリックした後にのみボタンをロードします。 FacebookやTwitterはユーザーがまだボタンをクリックしていない場合やユーザーがログインしていない場合でも、機密ユーザーデータを送信することで知られているため、これにはユーザーのプライバシーを保護するという利点があります。

他の利点はもちろん最初にロードするスクリプトの削減です。

あなたのユーザーのプライバシーを気にし、ロード時間を減らしたいときは、この方法で1つの石で2羽の鳥を殺すことができます。

残念ながら、私は英語でドキュメントを見つけることができませんでしたが、コード例とGoogle翻訳のいくらかの助けはこれを助けるべきです: http://www.heise.de/extras/socialshareprivacy/

1
Jan Beck

上記のスクリプトに代わるものは、 http://socialitejs.com/ です。また、WordPressプラグインもあります。

ボタンがユーザーのビューポートに表示されたときにのみロードするように選択することもできます。 jQuery WayPoints はそのために役立ちます。

しかし、あなたの場合は、ソーシャルボタンの効果を追跡することから始めます。私の経験では、ソーシャルボタンは記事の中に置かれたときにのみ有効で、アーカイブ/カテゴリページにはそれほど有効ではありません。 GAのSocial Interaction Analytics を使用すると、これらのボタンをどこに配置するのが適切かを判断できます。

1
Mattvic

あなたはこのプラグインを試すことができます rtSocial 。それはそれ自身のJavaScriptと画像スプライトを使用し、カウントを得るためのページロードをブロックしない、それはそれを非常に速くする。 FB Share、Twitter、Pinterest、G + Share、LinkedIn Shareの5つのサービスしかありません。プラグインの動作を確認するには、 this link を確認してください。

1