03 8月 2013

Google Analyticsで外部リンクのクリック数確認「イベントトラッキング」が変わってた

Posted in 制作メモ On 8月 3, 2013

WEBサイトのアクセス解析はGoogle Analyticsを利用することが多く、制作の時も100%ぐらいでGoogle Analyticsのコードをクライアントからもらって入れ込みます。デザインとか制作の立場からデータを覗いて、ふむふむと確認することはほぼありませんが、近頃気になったのが、バナーとかリンクとかってどれくらいクリックされているんだろう？と。

要するに、外部リンクのクリック数をカウントしたい。

手軽に利用できる短縮URLでもカウントできるけど、

何となく短縮URLって抵抗あります。

そこで、調べてみたらGoogle Analyticsには「イベントトラッキング」という賢いツールがあり、これで外部リンクのクリック数を確認できる。と知りました。
（抵抗ありと言っておきながら短縮URLですみません）

早速Google Developersをもとに、入れてみました。
呪文は、
onClick=”_gaq.push([‘_trackEvent’, ‘category’, ‘action’, ‘label’, ‘value’, noninteraction]);”

最初の2つは必須で、後の3つはオプション。
たとえばバナーのaリンクに入れる場合、

<a onclick="_gaq.push(['_trackEvent', 'banner', 'click', '広告1']);" href="飛び先のURL">広告イメージ</a>

となります。
‘action’と’label’は日本語でもOKのようです。
このクリック数が、Google Analyticsのレポートで「コンテンツ→イベント」から確認できます。
↓リアルタイムでもイベントトラッキングに反映されました。

おしまい。

じゃなくてここからが本題。
こんなことを調べて、ほほぅと唸った私を知ってか知らずか、最近新規サイトを作ったクライアントから「外部リンクのクリック数を確認したい」といわれ、「クリック数程度ならお任せを！」と豪語したものの、上記呪文でイベントトラッキングが反映されないのです。

なぜ？

何故！？

新しいサイトだから？いやいやアクセスはカウントされてるのに…。「私のサイトでやったけど、新しいサイトでやらなかったこと…（繰り返し）」と『リング』の松嶋菜々子みたいに考えて考えて「トラッキングコードが………違う？」と気づいたワケです。まわりクドくてスミマセン。

違っていたトラッキングコードとは、「そもそものトラッキングコード」。

<script type="text/javascript">// <![CDATA[
  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXXX-1']);
  _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>

これが、今年の3月に新バージョンの「ユニバーサル アナリティクス」なるものに変わったというではありませんか！

<script>// <![CDATA[
  (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-1', 'ドメイン');
  ga('send', 'pageview');
// ]]></script>

これに伴い、イベントトラッキングも
onclick=”ga(‘send’, ‘event’, ‘button’, ‘click’, ‘nav buttons’, 4);”
となったので、

<a onclick="ga('send', 'event', 'banner', 'click', '広告1');" href="飛び先のURL">広告イメージ</a>

と記述せねばならんかったのです。
Google Developers / Event Tracking – Web Tracking (analytics.js)

しばらくWEBから離れていたので知りませんでした。
「ユニバーサル アナリティクス」については、この辺も参考に…

No Responses