今までの設定方法ではイベントが使えない

gtag.js でのイベント設定が従来の方法と異なっているのでその具体例を示す。前提としてタグマネジャーとの連携を行っているが、連携しなくとも参考になると思う。

従来の設定方法( analytics.js )

基本形(ノーインタラクションは略):

<a href="http://example.jp/" onclick="ga('send','event','カテゴリ','アクション','ラベル');">ここをクリック</a>

基本形 例(ノーインタラクションは略):

<a href="http://example.jp/" onclick="ga('send','event','linkclick','click1','label');">ここをクリック</a>

これからの設定方法( gtag.js )

基本形(ノーインタラクションは略):

<a id="link" href="http://example.jp/" onclick="gtag('event', 'アクション', {'event_category': 'カテゴリ','event_label': 'ラベル'});">ここをクリック</a>

基本形 例(ノーインタラクションは略):

<a id="link" href="http://example.jp/" onclick="gtag('event', 'click1', {'event_category': 'linkclick','event_label': 'label'});">ここをクリック</a>

従来のとの違いはsend 設定が不要。アクションが2番目に。カテゴリ、ラベルは{}(ブレイス )内に記述。

id 設定はタグマネを使用した際にトリガーとして使う。タグマネの「プレビューモード」にて、実際にリンクをクリックして挙動を確認すると良いだろう。

タグマネのトリガー設定

トリガー

タグマネのタグ設定

タグマネ

アナリティクス目標設定

アナリティクスでイベントを目標として設定する際は別に設定が必要である。

アナリティクス

是非参考にして下さい。