ゆーすけべー日記

はてなBlogってどーなの!?

ブログ等に「このページを(Twitterで)つぶやく」ボタンを設定する Twib API

Twib API のドキュメントを更新したので、こちらでも解説します。 ブログ等のWebページに「このページを(Twitterで)つぶやく」ボタンの簡単な設定が、 Twib APIを通してできるようになっています。

http://twib.jp/share?url=(URLエンコードされた)ページのURL

へリンクを張ると、Twitterのポスト画面に指定したページのタイトルと短縮URL、また、 存在していればTwibのURLも同時に挿入された状態で、リダイレクトされる仕組みなっています。 使用する時は、以下のようなHTMLでリンクを張ってください。

<a href="http://twib.jp/share?url=(URLエンコードされた)ページのURL"
target="_blank" rel="nofollow">
<img src="http://twib.jp/static/images/t.gif" alt="このエントリをつぶやく" />
</a>

MovableTypeの場合「tweet数を表示API」と合わせるとこんなテンプレートになりますね。

<a href="http://twib.jp/share?url=<$MTEntryPermalink encode_url="1" $>" target="_blank" rel="nofollow"><img src="http://twib.jp/static/images/t.gif" alt="このエントリをtweet" /></a>
<a href="http://twib.jp/url/<$MTEntryPermalink$>"> src="http://image.twib.jp/counter/<$MTEntryPermalink$>" alt="このエントリーのtweets" /></a>

てなわけで、よろしく!