Google Analyticsで一つのページに2以上の複数のAnalyticsコードを設置する方法

Google Analyticsで一つのページに2以上のAnalyticsコードを設置する方法
Googleのヘルプによる情報
ga.jsを使っているコードの場合は一つのインスタンスしか利用できないのでga.jsを複数使うのは不可能
※ga.jsはユニバーサルコードの前のコードに使われているものです
analytics.jsはすでにga.jsが使われているサイトにも追加して使うことができる
analytics.jsは複数利用可能
※analytics.jsは新しいユニバーサルコードに使われているものです
ユニバーサルコードでの複数のプロパティでトラッキングする方法
通常のコード
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-xxxxx-xx', 'example.com');
ga('send', 'pageview');
</script>
このトラッキングコードをベースに情報を追加していくことで、マルチ化する事が可能です
example.comのところはドメイン名でも、autoでもOKです
情報を追加したコード
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','//www.google-analytics.com/analytics.js','ga');
ga('create', 'UA-xxxxxxxx-xx', 'auto');
ga('send', 'pageview');
//追加したコード
ga('create', 'UA-yyyyyyyy-yy', 'auto', {'name': 'newTracker'});
ga('newTracker.send', 'pageview');
</script>
追加した部分のUAから始まるトラッキングIDとnewTrackerという箇所を好きな文字に設定すればOKです
あとは同じ要領でトラッキングIDとnewTrackerを変更すれば増やせます
※新しいユニバーサルコードを2つ設置した場合は正しく動かなかったので、この方法のみと思われます
analytics.jsとga.jsの共存 ユニバーサルと旧コード
ユニバーサルのanalyticsと旧コードのga.jsはとてもシンプルに共存できます
それぞれのトラッキングコードをそのままWebページに2つ存在させるだけで問題ありません
ga.jsでもマルチ化は可能という情報もあります デベロッパーの解説ページ
Analyticsは新しいほうのユニバーサルコードを推奨しているので、これから追加していく分はユニバーサルコードで発行したほうがいいかと思います
ga.jsを使っている場合は、新たにAnalytics.jsのユニバーサルを導入しさらに数を増やすのならばAnalytics.jsでのマルチ化が望ましいです


COMMENT