web-dev-qa-db-ja.com

AddThis AddToAny、ShareThisなどのソーシャルブックマークのオープンソース代替

車輪の再発明を試みる前に、私は専門家に尋ねると思いました。

私は、人々が私のWebサイトの特定のページをお気に入りのソーシャルネットワーク/ページリーダー/検索エンジンに推奨できるようにするマルチソーシャルブックマークボタンを探しています。

制約(およびShareThisを使用したくない理由)

  1. 投稿されるリンクは、短縮リンクではなく、実際のリンクである必要があります。人々のリストが共有されます。リンクに自分のドメインが表示されるようにします。

  2. スクリプトは自分のサーバーから提供する必要があります。別のドメインからスクリプトを呼び出すWebページを疑っていますが、自分のドメインからスクリプトを呼び出したくありません。

  3. クライアントとソーシャルサイトのアイコンの間でクリックするまで、クライアントとソーシャルサイトの間に連絡がないようにする必要があります。

  4. スクリプトは、少なくともソースとして内部的に十分に文書化する必要があります。圧縮されたコメントなしの短い変数名スクリプトは適用する必要はありません。

  5. スクリプトは、CMSではなく静的Webページに埋め込まれます。


予備調査:

Koehlブログでは、2009年にこれについてのシリーズがありましたが、トピックは消えていきました。その時点で、彼はiBeginを推奨しました。これはその後Shareになり、Enthropia.comというサイトから実行されました。そのサイトをチェックすると、明らかに古いデモが投稿されています。

ある時点で、AddToAnyは自分のサーバーでのホストを許可しますが、スクリプトを使用してすべてのユーザーのWeb使用を追跡し、適切な匿名性を主張していました。正しい。結構です。

もう1つは、OpenLikeのWebサーバーが停止していることです。

SourceForgeの検索が空になりました。 (AddThis、AddToAny、Sharethisなどの名前を検索してみた後、stumbleupon、reddit、digg、google plusを検索しました。関連性はありません。)

この時点で、各ターゲットサイトのAPIを読んで理解する必要があるため、正しいことを行うローカルスクリプトを作成できます。些細ではありません。

多くの点で理想は次のとおりです。*サイズとスタイルがほぼ同じアイコンの配列*それぞれが宛先ページ(たとえば、FB、G +、StumbleUponなど)にWebページを開いたアイコン*そのページに適切なURLパラメーター。

しかし、これらのサイトのほとんどがこのようなシンプルなインターフェースを持っているとは思いません。

40

答えは簡単です。上記の理想が機能するため、ほとんどの場合、正しいコードとアイコンを見つけるだけです。私の検索で重要な項目は 'urlで共有'

例1

これは、このサイトの別の投稿からのものです。

HTML(JavaScriptなし)のみを使用したFacebook、Twitter、Google +1ボタン

http://www.facebook.com/sharer.php?u=http://example.com
http://Twitter.com/share?url=http://example.com&text=Description
https://plusone.google.com/_/+1/confirm?hl=en&url=http://example.com

例2

JSまたはプラグインのないWordpress共有ボタン を参照してください

<div class="social-button-container">
<div class="share_top_text">Share this post on:</div>
    <div class="SocialCustomMenu">
    <a class="scmTwitter" href="http://Twitter.com/home/?status=<?php the_title();?> - <?php echo wp_get_shortlink();?> via @kenmata "title="Tweet this!">Twitter</a>
    <a class="scmFacebook" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Facebook!">Facebook</a>
    <a class="scmGoogleplus" href="https://plus.google.com/share?url=<?php the_permalink();?> -  <?php echo wp_get_shortlink();?> "title="Share on Google +!">Google +</a>
    <a class="scmPinterest" href="http://pinterest.com/pin/create/button/?url=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Pinterest!">Pinterest</a></a>
</div>
</div>

これらは名目上はwordpressですが、phpを使用するWebサーバーで何らかの修正を行う必要があります。または、テンプレートツールキットを使用するように簡単に変換できます

例3:

ソーシャル共有リンクが少ない は、非常にきれいなHTMLの別の例です。

これにはいくつかの機能がありません。

  • カウンターはありません。もちろん、カウンターをローカルに実装することもできます。
  • Facebookの場合、人々はどの友達がそれを気に入っているかを知ることができません。私にとって大きな動機ではありません。
  • この時点で、各サービスのコードを見つけることは障害です。

詳細:

  • 誰かが既にURLによる共有リストを統合している場合は、ここに投稿してください。次のすべてを確認していません。
  • TITLEは共有タイトルです。一部のサービスは、引用されたものを受け入れます。その他はURL形式である必要があります。スペースは%20ですURLは完全修飾絶対パスである必要があります。

ブロガー

http://www.blogger.com/blog_this.pyra?t=&amp;u={url}&amp;n={title}

掘る

http://digg.com/ submit?phase=2&amp;url={url}&amp;title={title}

diigo

http://www.diigo.com/post?url={url}&amp;title={title}

eメール

mailto:?to=&subject={title}&body={url}%0A{description}

フェイスブック

http://www.facebook.com/sharer.php?u={url}&amp;t={title}

gmail

https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=&su={title}&body={url}%0A{description}

グーグルブックマーク

http://www.google.com/bookmarks/mark?op=add&bkmk={url}&title={title}

リンクされた

http://www.linkedin.com/shareArticle?mini=true&amp;url={url}&amp;title={title}&amp;ro=false&amp;summary={description}&amp;source=

私のスペース

http://www.myspace.com/Modules/PostTo/Pages/?u={url}&amp;t={title}

pinterest

http://www.pinterest.com/pin/create/button/?url={url}&amp;media={image}&amp;description={title}

reddit

http://reddit.com/submit?url={url}&amp;title={title}

タンブラー

http://www.tumblr.com/share/link?url={url}&amp;name={title}&amp;description={description}

ツイッター

http://Twitter.com/home?status={title}%20{url}

ymail

http://compose.mail.yahoo.com/?to=&subject={title}&body={url}%0A{description}
41

@Sherwood Botsfordのリストへの追加

フリップボードhttp://share.flipboard.com/flipit/load?v=1.0&url=URL&title=TITLE

タンブラー http://www.tumblr.com/share/link?url=URL&name=TITLE&description=TITLE

ブロガーhttp://www.blogger.com/blog_this.pyra?t=&u=URL&n=TITLE

evernote http://www.evernote.com/clip.action?url=$URL&title=TITLE

getpocket http://getpocket.com/save?url=$URL&title=TITLE

Edit- lyteshare.js は、ライトJavaScriptを改良してサービスを追加することができます

より多くのリンクのためのより多くのソース

2つの非常に包括的なリスト:

githubのss.js は、この最も興味深い共有を提供します。

https://pinterest.com/pin/create/bookmarklet/?url={url}&media={image}&is_video={is_video}&description={title}

netvibesカスタム共有 Buffer、Baidu、hootsuiteなど

4
Mousey

AddThisが、Fingerprint Canvasと呼ばれる新しい形式の追跡Cookieを使用しているというニュースを見ましたか?

http://www.propublica.org/article/meet-the-online-tracking-device-that-is-virtually-impossible-to-block

http://expando.github.io/ のようなオープンソースの代替が必要だと思います

3
Kernel James