jQueryとGoogle Analyticsを使って外部リンクへのクリックをトラッキングする

広告やアフィリエイトの目的で、AmazonやiTunesへなどへの外部リンクを貼ることが多いのですが、どの記事の外部リンクがクリックされているのか、いまいちわかってませんでした。

そこで外部リンクのクリック数をGoogle AnalyticsとjQueryを使ってトラッキングしてみようと思います。

やり方は簡単で、

1. html内のaタグがクリックされたときに
2. jQueryを使ってリンク先URLを持ってきて
3. _gaq.pushの命令でそのURLをGoogle Analyticsに投げてあげる

簡単ですね。コードはこんな感じになりました。

<script>
    $(function() {
        $('a[href^=http]').click(function() {
            var url = $(this).attr('href');
            var url_canonical =  url.match(/^(.+?)&.+?$/i)[1];
            var domain = url.match(/^[httpsfile]+:\/{2,3}([0-9a-z\.\-:]+?):?[0-9]*?\//i)[1];
            console.log(url_canonical);
            _gaq.push(['_trackEvent', domain , 'click', url_canonical]);
        });
    });
</script>