二つ試したがどちらも撃沈、二つ目はgaAddonsを使った方式。非同期対応の最新版だと、ビーコンは飛ぶのだが、多くのブラウザでクリックの動作に問題が発生。同期対応の旧版だと、jQuery方式と同様に私の環境だと、ChromeとSafariでビーコンが飛ばない。トホホ。備忘録として、記録を残しておく。
背景：
Google Analyticsで外部へのリンクのクリック計測をする場合に一つずつonclickにjavascriptを仕掛ける必要がある。しかし外部リンクが多くなると、いちいち設定するのが面倒になるので、簡略化したい。
方法：
下記記述を参考にしてコードを作成した。
http://gaaddons.com/doc/
しかし上記の非同期対応の最新版ではエラーが多かったので、旧型も試してみた。それはこちら。
http://blog.immeria.net/2009/01/google-analytics-script-to-track.html
非同期対応の最新版の結果：
Ineternet Explorer 7.0 ビーコン飛ぶ。ポップアップブロックでリンクは動かず
Firefox 3.6.6 ビーコン飛ぶ。リンクは新しいタブで開く
Chrome 7.0 ビーコン飛ぶ。リンクのクリックは動かず
Safari 5.0 ビーコン飛ぶ。リンクのクリックは動かず
Opera 10.6 ビーコン飛ぶ。リンクは新しいタブで開く
同期の旧型の結果： クリックアクションは下記全てで正常
Ineternet Explorer 7.0
Firefox 3.6.6
Chrome 7.0
Safari 5.0
Opera 10.6
ビーコンが飛ばないのがChromeとSafari
非同期対応の最新版計測コード：
ちなみに_gaq []の[]直前にはパイプが二つ並ぶが、このブログでは省略されてしまっている。 またタグの終了のエンコードが動作していない部分がある。
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js%22>
</script>
<script type="text/javascript" src="/gaAddons-2.1.0.min.js">
</script>
<script type="text/javascript">
var _gaq = _gaq [];
_gaq.push(['_setAccount', 'UA-********']);
_gaq.push(['_trackOutbound']);
_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>
</head>
<body>
<a href="http://www.yahoo.co.jp/%22>yahoo</a>
</body>
同期の旧型の計測コード：
<body>
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl/." : "http://www/.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-*******");
pageTracker._initData();
pageTracker._trackPageview();
</script>
<script src="/gaAddons.js" type="text/javascript"></script>
<a href="http://www.yahoo.co.jp/%22>yahoo</a>
</body>
2010/12/2の追記：
新しいタブで開いてしまう部分は、このバグFIXで解消されたのかもしれない。
http://blog.immeria.net/2010/12/gaaddons-v211-open-beta.html
0 件のコメント:
コメントを投稿