アファメーションで独立・起業・夢実現。「いきなり!社長宣言!!」-“夢は口に出すことで実現する!”というアファメーション:ライブラリー

2011年4月10日

Google Analyticsで外部へのリンクをトラッキングする方法。(非同期型)

夢実現のアファメーションを実践する起業家にもっとも読まれているブログは?

知ってる人にとっては今さら感のあるネタだけど、

そもそも全部のサイトやページを自分で管理できれば、Analyticsのコードを書けばいいので何の問題もない。

んが。

例えば別サイト(ドメイン)や、アフィリエイトやドロップシッピングのカートページなど、どうしてもあちら側(?)にコードを実装できない場合、

「外部リンクへトラッキング」

ということが必要になる。

んで、Googleのヘルプとかにもそのやり方があるんだけど、それがまたややこしい。
ヘルプの中にもいくつかの別の記述のコードが引っかかって、さらにそれが古いコードだったり新しいコードだったり...。

ネットで「Google Analytics 外部」とかで検索してみても、未だに古いコードと新しいコードが両方とも検索結果に引っかかって、いまいち分かりにくいので備忘録ってことで。

とりあえず新しいコードで

いつだったか忘れたけど、Google Analyticsのコードが『非同期型』に変わってます。
もちろん、旧来のコードもそのまま使えるので、古いサイトとかでは変更する必要もなかったんだけど、サイトをリニューアルしたり、今後のことを考えたりすると、新しいコードに変えておくのがいいかと。

ちなみに、Googleのコードは日々(?)進化していて、

「urchin.js」(2005年11月から)
「ga.js」(2007年12月から)
「非同期」(2009年12月から)

といった具合に、いくつかのバージョンがあるようです。

今回、お客さんのサイトで一番古い「urchin.js」を使っていたサイトがあり、そこで外部へのリンクを計測しなくてはならなくなったので、ついでにAnalyticsのコードも新コードに差し替えをしました。

ちなみに、新しいコードは以下のような感じになっています。

<script type="text/javascript">

var _gaq = _gaq || [];
_gaq.push(['_setAccount', 'UA-XXXXXXX-X']);
_gaq.push(['_trackPageview']);

(function() {
var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
})();

</script>

Google Analyticsで外部へのリンクをトラッキングする方法。

んで、本題の外部へのリンクをトラッキングする方法ですが、外部へのリンク(aタグ)に以下のコードを追加するだけでOK。

<a href="【リンク先のURL】" onclick="javascript:_gaq.push(['_trackPageview', '【仮想リンク先】']);">

例えば、リンク先が「http://www.hogeohoge.com/」で、仮想のリンク先を「hogehoge/index.html」としたい場合、

<a href="http://www.hogehoge.com/L" onclick="javascript:_gaq.push(['_trackPageview', '/hogehoge/index.html']);">

とすればいいわけです。

アナリティクスには、実は他にもいろんな関数とかもあるので、古いコードを使っている人は、今のうちに新しいコードに差し替えをしておくといいかもしれません。

この記事に関連する(かもしれない)書籍

 

投稿者 kuro : 2011年4月10日 22:12 | ID:841

ページトップ△

ページトップ△