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

PR

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から始まるトラッキングIDnewTrackerという箇所を好きな文字に設定すればOKです
あとは同じ要領でトラッキングIDとnewTrackerを変更すれば増やせます

※新しいユニバーサルコードを2つ設置した場合は正しく動かなかったので、この方法のみと思われます

 

 

analytics.jsとga.jsの共存 ユニバーサルと旧コード

ユニバーサルのanalyticsと旧コードのga.jsはとてもシンプルに共存できます

それぞれのトラッキングコードをそのままWebページに2つ存在させるだけで問題ありません

 

ga.jsでもマルチ化は可能という情報もあります デベロッパーの解説ページ
Analyticsは新しいほうのユニバーサルコードを推奨しているので、これから追加していく分はユニバーサルコードで発行したほうがいいかと思います

ga.jsを使っている場合は、新たにAnalytics.jsのユニバーサルを導入しさらに数を増やすのならばAnalytics.jsでのマルチ化が望ましいです

PR

COMMENT

コメントを残す

PR

9ineBBの管理人が運営するサイト

WDG WEB DESIGN GALLERY ウェブデザインギャラリー