LoginSignup
31
31

More than 5 years have passed since last update.

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

Last updated at Posted at 2013-04-04

jQuery POP'n SocialButton

サンプル画像

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

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

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

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

簡単なサンプル
    $('#social-button').popnSocialButton([
      'twitter', 'facebook', 'hatebu'
    ]);

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

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

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

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

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

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

追記2(2013-04-05)

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

31
31
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
31
31