タグマネはid でリンク(ボタン)指定
タグマネージャーでのイベント設定はアナリティクスと比べて簡単である。
なぜなら、analytics.js や gtag.js のように<a> 内にonclick イベントでの設定が不要であるからだ。
analytics.js
<a href="http://example.jp/" onclick="ga('send','event','linkclick','click1','label');">ここをクリック</a>
gtag.js
<a href="http://example.jp/" onclick="gtag('event', 'click1', {'event_category': 'linkclick','event_label': 'label'});">ここをクリック</a>
タグマネ
id 属性で指定すれば良い。例として w1 を記述した。
*複数リンク設定したい場合、w2、w3等とユニークな属性名をそれぞれ<a>内に記述。
<a href="http://example.jp/" id="w1">ここをクリック</a>
タグマネ内の設定例
変数
組み込み変数から Click ID にチェックを入れる
トリガ
ページURLはリンク(ボタン)が存在するページを指定。Click ID は<a> で指定した w1 を入れる。トリガも w1 と名前をつける。
*複数設定したい場合、トリガをそれぞれ作成しw2、w3等を入れ、トリガ名もw2、w3等としておけばよい。
*Page URL はリンクが設定されているページである。
タグ
タグのトリガ w1 を選択。
*複数設定したい場合、タグをそれぞれ作成しw2、w3等を選択しておけばよい。
アナリティクス目標設定
アナリティクスの管理画面。目標設定から別途設定が必要。
是非参考にして下さい。