skuare.net

昨今bit.lyを筆頭に短縮URLサービスが流行っています。
このリンク先がわからないため、クリック率が上がったりする一方で、不安感を与えたりしてしまいます。
そこで、jQuery Xpnd.itを利用して、リンク元を表示させてみましょう。

使用方法
jQuery Xpnd.itからファイル一式をダウンロードします。
<link rel="stylesheet" type="text/css" href="xpndit.css">
<script type="text/javascript" src="jquery-1.4.2.min.js"></script>
<script type="text/javascript" src="jquery.xpndit.js"></script>
<script type="text/javascript" src="jquery.tiptip.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$('a').xpnd();
});
</script>

上記を記述したらあとは短縮URLを記述するだけでOK。
<a href="http://bit.ly/aDD8xf">絶対クリックしちゃダメ！</a>
なお、対応サービスは、いっぱいあります。
こんなにあったんですね・・・。
自分のサービスも登録可能なようです。
短縮URLのリンク元を表示するJavaScript「jQuery Xpnd.it」サンプル