Twitter, Facebook, はてなブックマークのカスタムシェアボタンを表示するjQueryプラグインを公開しました。

jQuery POP'n SocialButton

こんな感じのちょっと変わったシェアボタンを表示できます。

それぞれのボタンにマウスカーソルを合わせると、ボタンがピョコっと浮き上がります。

今のところの対応サービスは、日本でシェアボタンの主流になっている3サービス(Twitter, Facebook, はてなブックマーク)のみです(というか他のサービスのシェア数の取得方法が分からないだけだったりする)。

こんな感じで使用します。

簡単なサンプル

    $('#social-button').popnSocialButton([
      'twitter', 'facebook', 'hatebu'
    ]);

最新版のダウンロードはこちらからどうぞ。

詳しい使用方法はgithubのリポジトリやアーカイブに同梱のREADME.mdやexample.htmlをご覧ください。

追記1(2013-04-04): いきなりのバージョンアップそして仕様変更ｗ

コメントで頂いた要望を反映して、シェア数の部分をクリックすると各サービスのコメント一覧ページを開くようにしました。

ただし、Facebookはコメント一覧を見る方法がない(と思う)のでシェア数をクリックしてもシェア登録ページを開きます。

あと、まだ誰も使っていないだろうから大丈夫だと思いますが、一部オプションの設定名と構造を少し変更しました。

追記2(2013-04-05)

Facebookのいいねボタンの挙動に合わせて、Facebookのシェア数にはリンクを貼らないようにしました。