【小窓編】SNSボタン設置方法マトメ facebook, Pin it (Pinterest), twitter, Googleプラス, Mixiチェック

この記事は5年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。

どうもこんばんは!今日のネタは
SNSの共有ボタン設置方法のマトメです。
また今回取り扱うのは、小窓方式でシェアさせる方法になります。

今回の対象

・Facebook
・Twitter
・Google プラス
・Pin it (Pinterest)
・Mixiチェック
※クリックで対象の設置方法まで飛びます。

Facebook

例:FACEOOK

<a href="http://www.facebook.com/share.php?u=ここにリンク" onclick="window.open(this.href, ‘FBwindow’, ‘width=650, height=450, menubar=no, toolbar=no, scrollbars=yes’); return false;">Facebook</a>

Twitter

例:Twitter

<a href="http://twitter.com/share?count=horizontal&amp;original_referer=ここにリンク&amp;text=ここにテキスト&amp;" onclick="window.open(this.href, ‘TWwindow’, ‘width=650, height=450, menubar=no, toolbar=no, scrollbars=yes’); return false;">Twitter</a>

Google Plus

例:Google Plus

<a href="https://plus.google.com/share?url=ここにリンク" onclick="window.open(this.href, ‘Gwindow’, ‘width=650, height=450, menubar=no, toolbar=no, scrollbars=yes’); return false;">Google Plus</a>

Pinerest

例:Pin it

<a href="http://pinterest.com/pin/create/button/?url=ここにリンク&media=ここに画像URL&description=ここにテキスト" onclick="window.open(this.href, ‘PINwindow’, ‘width=650, height=450, menubar=no, toolbar=no, scrollbars=yes’); return false;">Pin it</a>

Mixi

Mixiのみ認証キーが必要になります。取得方法はMixi Developer Center


<a href="javascript:void(0);" onclick="window.open(‘http://mixi.jp/share.pl?u=ここにリンク&k=ここに認証キー’,’share’,[‘width=650′,’height=456′,’location=yes’,’resizable=yes’,’toolbar=no’,’menubar=no’,’scrollbars=no’,’status=no’].join(‘,’));">Mixi</a>

以上です。
カウント系ボタンの設置方法コチラ