GTM（Googleタグマネージャ）のカスタムイベントトリガー

GTM

SSR のサイトだとややこしい

SSR でフォームの要素が関わるときに、GTM のデフォルトの変数が使えない。

代わりにカスタムイベントトリガーを使う。
公式の説明が親切。
※自分だけでは解決できず、詳しい方から教えていただいた…大感謝🙏

https://support.google.com/tagmanager/answer/7679219?hl=ja

例えば特定のボタンを押したときにタグを発火させたいなら、

  1. コード側のそのボタンに onclick="dataLayer.push({'event': 'イベント名'});" といった属性をつけておく。
  2. GTM側でトリガーを「カスタムイベント」に。ボタンにつけたイベント名を入力。
  3. 発火させたいタグにこのトリガーをセットする。

dataLayer を使いこなせるようになると幅が広がりそう〜