JavaScriptで短縮URLを実現する「jq-shorten」

twitter普及とともに短縮URLも広がっています。
JavaScriptライブラリjQueryプラグインの「jq-shorten」を利用するとお手軽に短縮URLっぽくできます。

使用方法

jq-shortenからshorten.jsをjQueryからjquery.jsをダウンロードします。
またbit.lyでアカウントを開設し、API Keyを得ます。


<script type="text/javascript" src="jquery-1.3.2.js"></script>
<script type="text/javascript" src="shorten.js"></script>
<script language="javascript" type="text/javascript">
$(function() {
	$(".class名 a").shorten({
		login: 'bit.lyユーザー名',
		apikey: 'bit.ly API Key'
	});
});
</script>

あとは上記のclass内のリンクを普通に記述すれば、短縮されたURLとなります。

サンプル

サンプル
http://www.abcdefghijklmnopqrstuvwxyzabcdefghijklmnopqrstuvwxyzabcdefghijk.com/
→こんなに短くなります。http://bit.ly/3El7Sb
Javascriptサンプルページ一覧

skuare.net