更新日: 2015年2月24日
Web & IT

ユニバーサルアナリティクスでページビュー・イベントをアクセス解析

ユニバーサルアナリティクスは、昨年（2014年）4月に正式リリースされた、従来版より機能強化された新バージョンの Google Analytics（Googleが提供するアクセス解析ツール）です。

ユニバーサルアナリティクスについて – アナリティクスヘルプ
 ユニバーサルアナリティクスを使用しているかどうかを確認する – アナリティクスヘルプ

アクセス解析トラッキング用の JavaScript コードが、旧バージョンのものとユニバーサルアナリティクス (Universal Analytics) では異なったものとなっているので、旧コードを差し替える作業時等のために両者コードの違いを以下にまとめました。

【お知らせ】英単語を画像イメージで楽に暗記できる辞書サイトを作りました。英語学習中の方は、ぜひご利用ください！

画像付き英語辞書 Imagict | 英単語をイメージで暗記
【開発記録】
英単語を画像イメージで暗記できる英語辞書サービスを作って公開しました

アクセス解析のトラッキングコード

リファレンス – ウェブサイトの完全アップグレード: ga.js / dc.js を analytics.js に切り替える – Google アナリティクス — Google Developers

新コード（ユニバーサルアナリティクス版）

‘UA-XXXX-Y’ の部分は、ご利用のトラッキングIDに変更が必要です。任意のHTML等に挿入して利用します。

<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-XXXX-Y', 'auto');
  ga('send', 'pageview');

</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-XXXX-Y', 'auto');

ga('send', 'pageview');

</script>

比較のために、従来版の旧コードも掲載しておきます。

旧コード

<script type="text/javascript">
// IMPORTANT: Remove this code snippet when upgrading to analytics.js

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXX-Y']);
  _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>

// IMPORTANT: Remove this code snippet when upgrading to analytics.js

var _gaq = _gaq || [];

_gaq.push(['_setAccount', 'UA-XXXX-Y']);

_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>

ページビューを送信するコード

ページトラッキング – ウェブトラッキング（analytics.js） – Google アナリティクス — Google Developers

新コード（ユニバーサルアナリティクス版）

ga('send', 'pageview');

1	ga('send', 'pageview');

または、第2引数に「key: value」のオブジェクトを指定しても良い。引数をたくさん渡す場合は、こちらのほうが可読性が良いかもです。

ga('send', {
  'hitType': 'pageview'
});

ga('send', {

'hitType': 'pageview'

});

旧コード

_gaq.push(['_trackPageview']);

1	_gaq.push(['_trackPageview']);

イベントを送信するコード

イベントトラッキング – ウェブトラッキング（analytics.js） – Google アナリティクス — Google Developers

新コード（ユニバーサルアナリティクス版）

ga('send', 'event', 'category', 'action', 'opt_label', opt_value, {'nonInteraction': 1});

1	ga('send', 'event', 'category', 'action', 'opt_label', opt_value, {'nonInteraction': 1});

‘opt_label’ 以降の引数はオプション。

または、第2引数に「key: value」のオブジェクトを指定しても良い。引数をたくさん渡す場合は、こちらのほうが可読性が良いかもです。

ga('send', {
  'hitType': 'event',          // Required.
  'eventCategory': 'button',   // Required.
  'eventAction': 'click',      // Required.
  'eventLabel': 'nav buttons',
  'eventValue': 4
});

ga('send', {

'hitType': 'event', // Required.

'eventCategory': 'button', // Required.

'eventAction': 'click', // Required.

'eventLabel': 'nav buttons',

'eventValue': 4

});

旧コード

gaq.push(['_trackEvent', 'category', 'action', 'opt_label', opt_value, opt_noninteraction]);

1	gaq.push(['_trackEvent', 'category', 'action', 'opt_label', opt_value, opt_noninteraction]);

以上です。

開発したサービスを多くの人に使ってもらうには、マーケティングも勉強しないといけませんね。

Webコンテンツマーケティングサイトを成功に導く現場の教科書

>> 次の記事 : Google AdSense（アドセンス）広告掲載での注意点

<< 前の記事 : App Not Set Up: The developers of this app have not set it up properly for Facebook login – Facebook OAuth認証エラー

ユニバーサルアナリティクスでページビュー・イベントをアクセス解析

アクセス解析のトラッキングコード

ページビューを送信するコード

イベントを送信するコード

Leave Your Message! コメントをキャンセル