clown / smb

Social Media Buttons

Home Page:http://cielquis.net/smb/index.html

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

* What's this?

smb は様々な Web サービスが提供しているソーシャル(メディア)ボタンと呼ばれる
ボタンを表示させるための JavaScript ライブラリです.現在,Twitter, Facebook,
Tumblr, はてなブックマーク, Delicious, livedoor クリップ, Yahoo! ブックマーク,
Buzzurl, Google Bookmarks, newsing, あとで読む, GREE, Evernote の各種ソーシャル
ボタンに対応しています.

ライブラリ内で一部 MD5 ハッシュ値を計算する必要がありますが,
MD5 のハッシュ値の計算には CybozuLabs.MD5 を利用させて頂きました.
http://labs.cybozu.co.jp/blog/mitsunari/2007/07/md5js_1.html

詳細は以下の URL を参照下さい.
http://cielquis.net/smb/index.html

* Usage

<script type="text/javascript" src="md5.js"></script>
<script type="text/javascript" src="smb.js"></script>

ヘッダで上記のように smb.js を(場合によっては md5.js も)ロードした後, 
ソーシャルボタンを表示させたい箇所で以下のように記述して下さい(option は
省略可).

smb.show(kind, option);

kind には,以下のリストの中から表示したいソーシャルボタンを指定します.
kind は "|" (OR 演算子)で複数指定する事が可能です.

 - smb.twitter ..... Twitter (http://twitter.com/)
 - smb.facebook ..... Facebook (http://www.facebook.com/)
 - smb.tumblr ..... Tumblr (http://www.tumblr.com/)
 - smb.hatena ..... はてなブックマーク (http://b.hatena.ne.jp/)
 - smb.delicious ..... Delicious (http://www.delicious.com/)
 - smb.livedoor ..... livedoor クリップ (http://clip.livedoor.com/)
 - smb.yahoo ..... Yahoo! ブックマーク (http://bookmarks.yahoo.co.jp/)
 - smb.buzzurl .....Buzzurl (http://buzzurl.jp/ )
 - smb.google ..... Google Bookmarks (http://www.google.com/bookmarks/)
 - smb.google_plus1 ..... Google +1 (http://www.google.com/webmasters/+1/button/)
 - smb.newsing ..... newsing (http://newsing.jp/)
 - smb.atode ..... あとで読む (http://atode.cc/)
 - smb.gree ..... GREE (http://gree.jp/)
 - smb.evernote ..... Evernote (http://www.evernote.com/)

option には,現在,以下の 2 つを指定する事ができます.
両方指定する場合には "|" (OR 演算子)で結合して下さい.

 - smb.detail ..... 詳細表示を行う.例えば SBM の場合には,ブックマーク数も
   併せて表示します. ただし,該当 Web サービスがブックマーク数を表示する機能を
   提供していないなどの理由で, smb.detail を指定しても表示が変化しないボタンも
   存在します.
 - smb.showentry ..... 各ソーシャルボタンをクリックした時の動作を
   「ブックマークする」 から「該当エントリのブックマークページを表示する」に
   変更します. ただし,こちらも実際に動作を変更できるかどうかは提供元の
   Web サービスに依存します.

ソーシャルボタンは,第 1 引数の指定順序に関係なく特定の順序で表示されます.
順序を変えたい場合は,smb.show() を複数回コールするなどして対応して下さい.

* History

2012/03/11 version 0.1.4
 - はてなブックマークボタンをオプトアウト版に変更。
2011/06/02 version 0.1.3
 - Google +1 ボタンを追加。
2011/05/10 version 0.1.2
 - Tumblr 共有ボタンを追加。
2011/04/02 version 0.1.1
 - @nifty クリップのサービス終了 に伴い削除。
2011/02/22 version 0.1.0
 - smb.show() のインターフェースを変更。
 - ボタンをクリックしたときの動作を選択できるように変更。
 - Google Bookmarks,@nifty クリップ,あとで読むを追加。
2011/02/21 version 0.0.2
 - MD5 ライブラリがロードされなかった場合のエラー処理を追加。
 - 簡易表示モードの場合の GREE ソーシャルボタンの表示を変更。
 - newsing ボタンをクリックした時の動作を変更。
2011/02/20 version 0.0.1
 - 最初の公開バージョン。

About

Social Media Buttons

http://cielquis.net/smb/index.html

License:BSD 3-Clause "New" or "Revised" License


Languages

Language:JavaScript 100.0%