【小窓編】SNSボタン設置方法マトメ facebook, Pin it (Pinterest), twitter, Googleプラス, Mixiチェック
この記事は5年前に書かれました。不適当な記述を含む場合がありますので、参考程度に留めてください。
どうもこんばんは!今日のネタは
SNSの共有ボタン設置方法のマトメです。
また今回取り扱うのは、小窓方式でシェアさせる方法になります。
今回の対象
・Facebook
・Twitter
・Google プラス
・Pin it (Pinterest)
・Mixiチェック
※クリックで対象の設置方法まで飛びます。
例: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
<a href="http://twitter.com/share?count=horizontal&original_referer=ここにリンク&text=ここにテキスト&" onclick="window.open(this.href, ‘TWwindow’, ‘width=650, height=450, menubar=no, toolbar=no, scrollbars=yes’); return false;">Twitter</a>
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>
以上です。
カウント系ボタンの設置方法コチラ