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

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にログインし、
行動　＞　イベント　＞サマリー　＞　イベントラベル
で個別につけたラベルのクリック数がカウントされる。