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