Zenn
🔖

GTM設定（クリック設定の場合）

2022/07/12に公開
Google Analytics
GTM
tech

メモ

ボタンクリックのコンバージョンをGTMで計測したい。

変数設定手順

  • GTMにログイン
  • GTMの画面の左メニューの「変数」をクリック（ココは初回のみの設定）
  • ページ右上辺りにある「設定」を選択
  • 表示されたメニューから以下を選択（既に選択されている場合はそのままの設定でok）
    • Click Element…Element属性を取得
    • Click Classes…class属性を取得
    • Click ID…id属性を取得
    • Click Target…target属性を取得
    • Click URL…URL要素を取得
    • Click Text…text要素を取得

トリガー設定手順

  • コンバージョンを計測したい要素にクラスを記述
  • GTMの画面の左メニューから「トリガー」をクリック
  • 画面右上あたりにある「新規」ボタンをクリック
  • トリガーのタイプを選択する。クリックの場合は、「すべての要素」か「リンク」を選択
  • 今回はクラスに対して適用したいので「クリック - すべての要素」を選択後、トリガーの発生場所で「一部のクリック」を選択
  • クラス名を入力。完全一致の指定以外にも前方一致などが指定できる

タグの設定

  • GTMの画面の左メニューから「タグ」をクリック
  • 画面右上あたりにある「新規」ボタンをクリック
  • 「タグの設定」を押下する
  • 今回は、Google アナリティクス: ユニバーサル アナリティクスを選択
  • トラッキングタイプは、イベントを選択
  • カテゴリに予め管理している文字列を入力
  • 非インタラクションヒットを選択（今回は、{{UserID}}）
  • Google アナリティクス設定でトラッキングコードを選択
  • ここまでで「タグの設定」は完了（のはず）
  • 「トリガー」を選択
  • 上の手順で設定したトリガーを選択

設定したタグの動作確認

  • 画面右上部にある「プレビュー」を押下
  • 少し時間がかかるが、url入力画面が表示される
  • ここにurlを入力、試した限りでは、ローカルに構築したdocker環境でも問題なかった
  • 正しくタグが設定されていれば、画面左にイベントが蓄積していく

参考

Discussion