Tweet数も表示できる「bit.lyボタン」なるものがあったのですね・・・

Ads

見かけた事無かったので個人的に
メモ。TweetMemeのようなTwitter
でのそのページのTweet数を表示
するボタンのbit.ly版のようなものが
あったんですね。

かなりメジャーな短縮URLサービスのbit.lyですが、そのbit.lyを使用出来るTwitter投稿ボタンがありました。jQueryを使うみたいです。
※多分bit.ly公式のボタンじゃないです

bitly-button

ちょっと他では見ないのでインパクトあるかな・・・いや、別に無いかw

jQueryを使ってるみたいです。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>
<script type="text/javascript" src="http://bitly-button.googlecode.com/files/jquery.bitly-button-1.0.min.js"></script>

bit.lyでクリック回数とかの追跡、解析を行なっている場合はAPIキーも含めます。

<script type="text/javascript">
   $.fn.bitlyButton.defaults.login = 'your-login';
   $.fn.bitlyButton.defaults.api_key = 'your-API-key';
</script>

マークアップ

ボタン配置は以下のマークアップでOK。

<a class="bitly-button" href="http://twitter.com">Retweet</a>

URLは指定する必要があるみたいです。

<a class="bitly-button" href="http://twitter.com">
   <!-- { 
      url:'http://abc.com/xyz.html'
      ,title:'Tweet数も表示できる「bit.lyボタン」'
      ,button:'wide'
   } -->
   Retweet
</a>

クリックすればTwitterにPostできます。このページでデモを置こうと思ったんですが、他のプラグインと衝突してるようで上手く動きませんでした・・

マークアップ及びデモとDLは以下より確認できます。

bitly-button / DEMO / Document