• かちびと.net

    Tweet数も表示できる「bit.lyボタン」なるものがあったのですね・・・jQueryプラグインのようです。ちょっと変わったボタンを置きたい方、いかがでしょうか。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

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

スポンサーリンク

見かけた事無かったので個人的に
メモ。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

URL :
TRB :

Comments & Trackbacks (2)

Twitter

Web制作に役立つそうなリソースを独断と好みで配信しています。

かちびと.netにリンクの無いトラックバックはお受けいていません。
コメントされる前にガイドラインをご覧下さい。

twitter facebook rss contact

Ads

Posts

Contact

Services