公式ボタンを用意せずにシェアやツイートをする

Author:
012

一般的にツイートボタンとかシェアボタンってのは提供されたボタンのコードをコピペして動かすものです。
しかしデザインの都合とかでボタンを用意したくないってこともありますよね。
そういう場合は、下記のようなurlへリンクさせればいいのです。

Twitterの場合

https://twitter.com/intent/tweet?text=
こんな感じのurlをaタグで呼べばツイートされます。
確かshareというurlにリンクさせてもよかったような。
ツイート文字列はurlエンコードしてその後にくっつければいいです。

Facebookの場合

https://www.facebook.com/sharer/sharer.php?u=
こんな感じのurlをaタグでリンクさせればシェアされます。
://とかはエンコードさせなてくてもいけるけど、サイトの文字コードがutf8じゃない場合はエンコードさせたほうが無難かと。

背景色はそれぞれのSNSに合わせたほうがユーザー的にも親切ですね。
アイコンを使っていいかとかレギュレーションは覚えていないので各自で確認してください。
ツイートボタンとシェアボタンってサイズが微妙に違うし、ボタンのデザインもころころ変わるからデザインにこだわるサイトは自作しちゃいましょ。

Share on Facebook
Pocket