「この記事にTwitterでコメント」ボタンの記事URLをbit.lyで短縮するようにしたよ

以前このようなことをしたわけですが

• 「この記事にTwitterでコメント」ボタンをつけたよ – 頭ん中

このままだとブログ記事の URL をそのまま Twitter に渡すので
こんな不格好なことになってしまいますね。

これだとすぐ Twitter の文字制限にかかってしまうので
ここに出る元記事 URL を bit.ly で短縮するようにしました。

一応やったことを書いときます。

bit.ly の API は JSONP に対応してるから
JavaScript でやればいいんだけど、
以前別のところで使ったのを使い回せて手っ取り早いので
今回は PHP で。

bit.ly の API Key を取得

bit.ly にユーザー登録して
アカウント設定のページに行けば
API Key が表示されるのでそれをコピー。
R_ のあとに32桁の英数字が並んでるやつです。

短縮 URL 取得部分

こんな感じの関数を用意。

function bitly($url) {
$cache_dir = "*****"; //キャッシュファイルを置くディレクトリへのパス
$cache_id = md5($url);
$filename = $cache_dir . $cache_id;
if (file_exists($filename)) {
$short_url = file_get_contents($filename);
return $short_url;
} else {
$login = '*****'; //自分のbit.ly ログイン ID
$key = '**********'; //自分のbit.ly API Key
$api = 'http://api.bit.ly/shorten?format=xml&version=2.0.1&login=' . $login . '&apiKey=' . $key . '&longUrl=' . $url;
$bitly = simplexml_load_file($api);
$short_url = $bitly->results->nodeKeyVal->shortUrl;
file_put_contents($filename, "{$short_url}", LOCK_EX);
return $short_url;
}
}

初回だけ短縮 URL を生成してキャッシュファイルに保存、
2回目からはそれを呼び出す格好です。

キャッシュを置くディレクトリはあらかじめどっかに作成して
PHP から書き込みができるように権限を設定しときます。

このままだと
万一キャッシュファイルが破損したら URL を読み出せなくなるので
それが気になる場合は
キャッシュが bit.ly の URL として妥当かどうかチェックするなり
定期的に取得し直すなりして
具合のいいように。

ボタン表示部分

先ほどの関数を呼び出して、短縮 URL を出力します。

Movable Type の場合

<a href="http://twitter.com/home?status=@[自分のTwitter ID]%20(<?php echo bitly('<$MTEntryPermalink$>'); ?>%20)" title="この記事にTwitterでコメント" rel="nofollow"><img src="[アイコンのURL]" alt="t" /></a>

WordPress の場合

<a href="http://twitter.com/home?status=@[自分のTwitter ID]%20(%20<?php echo bitly(get_permalink()); ?>%20)" title="この記事にTwitterでコメント" rel="nofollow"><img src="[アイコンのURL]" alt="t" /></a>

結果

ボタンをクリックして表示される Twitter 投稿画面は
こんな感じになるはず。

以前よりはだいぶスマートですね。

↓ではどうぞ。