読者です 読者をやめる 読者になる 読者になる

interprism's blog

インタープリズム株式会社の開発者ブログです。

ページ内の複数部分のクリックイベントをさらっとスマートにとる方法【Analytics】【js】

JavaScript Analyrics jQuery

hanaです。 今回はGoogle Analytics × JavaScriptについて備忘録

Google Analyticsでイベント計測したい!
たとえばページ内の1か所のクリック数を計測したい場合は以下でOK(ユニバーサルアナリティクスの場合)

onclick="ga('send', 'event', 'category', 'action', 'label', value, {'nonInteraction': 1});"

ただし複数取りたい場合この方法でいくとソースがonclickだらけになる。
他の方に相談したところさらさら~っと以下のjsを書いてくれた。

JS-----

(function() {
  $(document).ready(function() {
    $(document).on("click", "a.gaevent", function() {
      var eventLavel = $(this).data("event");
      if (typeof(eventLavel) !== 'undefined') {
        ga('send', 'event', 'バナー', 'クリック', eventLavel);
      }
    });
  });
})();

HTML----

<a class="gaevent" href="hoge" data-event="クリック対象の名前"></a>

計測したいタグにclassをつけてあげてdata-eventで個別のラベルを付けてあげる
スッキリ!!!

Google Analyricsにログインし、
行動 > イベント >サマリー > イベントラベル
で個別につけたラベルのクリック数がカウントされる。

PAGE TOP