タグマネは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 id="link" href="http://example.jp/" onclick="gtag('event', 'click1', {'event_category': 'linkclick','event_label': 'label'});">ここをクリック</a>

タグマネ
id 属性で指定すれば良い。例として w1 を記述した。
*複数リンク設定したい場合、w2、w3等とユニークな属性名をそれぞれ<a>内に記述。

<a id="link" href="http://example.jp/" id="w1">ここをクリック</a>

タグマネ内の設定例

変数

組み込み変数から Click ID にチェックを入れる

変数

トリガ

ページURLはリンク(ボタン)が存在するページを指定。Click ID は<a> で指定した w1 を入れる。トリガも w1 と名前をつける。
*複数設定したい場合、トリガをそれぞれ作成しw2、w3等を入れ、トリガ名もw2、w3等としておけばよい。

トリガ

タグ

タグのトリガ w1 を選択。
*複数設定したい場合、タグをそれぞれ作成しw2、w3等を選択しておけばよい。

tag

アナリティクス目標設定

アナリティクスの管理画面。目標設定から別途設定が必要。

目標1
目標2

是非参考にして下さい。