答えは簡単です。上記の理想は機能するので、適切なコードとアイコンを見つけることがほとんどの問題です。私の検索のキー項目は「URL で共有」でした
例 1
これは、このサイトの別の投稿からのものです。
HTML のみを使用した Facebook、Twitter、Google の +1 ボタン (Javascript なし)
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>
これらは名目上ワードプレスですが、php を使用する任意の Web サーバーで何らかの変更を加えると動作するはずです。または、テンプレート ツールキットを使用するように簡単に変換できます。
例 3:
ソーシャル共有リンクが少ないことも、非常にクリーンな HTML の例です。
これにより、いくつかの機能が失われます。
- カウンターはありません。もちろん、カウンターをローカルに実装することもできます。
- Facebook の場合、人々はどの友達がそれを気に入ったかを知ることができません。私にとって大きな動機ではありません。
- この時点で、各サービスのコードを見つけることは障害です。
仕様:
- 誰かが既に URL ごとの共有リストを統合している場合は、お気軽にここに投稿してください。以下のすべてを確認したわけではありません。
- TITLE は共有タイトルです。一部のサービスでは、引用を受け付けます。その他は URL 形式にする必要があります。たとえば、スペースは %20 です。 URL は完全修飾絶対でなければなりません。
ブロガー
http://www.blogger.com/blog_this.pyra?t=&u={url}&n={title}
掘る
http://digg.com/ submit?phase=2&url={url}&title={title}
ディゴ
http://www.diigo.com/post?url={url}&title={title}
Eメール
mailto:?to=&subject={title}&body={url}%0A{description}
フェイスブック
http://www.facebook.com/sharer.php?u={url}&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&url={url}&title={title}&ro=false&summary={description}&source=
私のスペース
http://www.myspace.com/Modules/PostTo/Pages/?u={url}&t={title}
ピンタレスト
http://www.pinterest.com/pin/create/button/?url={url}&media={image}&description={title}
編集
http://reddit.com/submit?url={url}&title={title}
タンブラー
http://www.tumblr.com/share/link?url={url}&name={title}&description={description}
ツイッター
http://twitter.com/home?status={title}%20{url}
yメール
http://compose.mail.yahoo.com/?to=&subject={title}&body={url}%0A{description}