コピペだけでSNS共有ボタンが簡単に作れるジュネレーター3選

javascript

SNSの共有ボタンを自分で作るの面倒なので、探していたら結構いろいろ便利なものが出て来たので紹介します。

シェア回数のカウント表示なんかもjsのみで実装されているのもあるので、汎用性は高いかなぁと。

Social Likes

Social Likes
Social Likes

github→Social Likes: beautiful social like buttons with jQuery

DEMO&ジェネレーター
Social Likes: beautiful social like buttons with jQuery

Social Likesジェネレーター
Social Likesジェネレーター

公式ボタンのスタイルやフラットデザインが選べる。
ダウンロードしたファイルをサーバーに上げて、ジェネレーターで生成されたコードを記述するだけで動作する。

Social Share Kit

Social Share Kit
Social Share Kit

github→darklow/social-share-kit · GitHub

DEMO→Social Share Kit – Social sharing buttons, icons and popups

jQuery等のjavascriptライブラリに依存しないSNS共有ボタン。
様々なスタイルのデザインが用意されているほか、スクロール追従機能もついている。

Social Share Buttons

Social Share Buttons
Social Share Buttons

DEMO&ジェネレーター
Social Share Buttons · donReach Social Tools

各SNSのシェア数やトータル数も表示してくれる。表示デザインも数種類あり。
レスポンシブにも対応しているので、デザイン的にもこれがいいかも。

面倒な時はジェネレーターでOK

結局の所、はてなブックマークが含まれていないのがネックで自分で作っちゃいましたが、デザイン的にも動作的にもいい感じのものが沢山ありました。(ジェネレーターなんかで作ったものに自分で追加してあげればいいんだろうけど)

まあ大抵のはてな民はブラウザの拡張機能入れてると思うので、共有ボタンを表示して無くてもいいと思うんですが、視野にボタンが入るだけでもアクションへと繋がる確立は増えるので・・・

この記事が気に入ったら
『いいね』しよう!