Google Tag Managerでフォーム完了画面の到達数を計測

フォームの入力画面と完了画面(サンクスページ)でURLが変わらない場合に、Google Tag Manager(GTM)を使い、Google Analytics(GA)とGoogle Analytics4(GA4)どちらでもコンバージョン計測できる設定方法を解説します。

GA/GA4共通設定

ここではGAとGA4の共通設定を解説します。

要素にID「thanks」を追加

サンクスページの要素に「id=”thanks”」を追加

サンプルコード

<h2 id="thanks">完了画面</h2>
<p>お申し込みいただきまして、ありがとうございます。</p>

変数の作成

  1. 変数名:【CV】フォーム完了画面計測(任意の名前)
  2. 変数のタイプ:DOM 要素を選択
  3. 選択方法:ID
  4. 要素ID:thanks

トリガーの作成

  1. トリガー名:【CV】お問い合わせ
  2. トリガーのタイプ:ページビュー – DOM Ready
  3. このトリガーの発生場所:「一部の DOM Ready イベント」を選択
  4. 条件1:「Page URL」→「含む」→「/contact/」サンクスページのURL
  5. 条件2:「【CV】フォーム完了画面計測」→「等しい」→「完了画面」
トリガーの作成【CV】お問い合わせ

GA設定

タグ作成(GA)

  1. タグ名:【CV】お問い合わせ
  2. タグの種類:Google アナリティクス: ユニバーサル アナリティクス
  3. トラッキング タイプ:イベント
  4. イベントトラッキングパラメータ:カテゴリ:【CV】お問い合わせ
  5. イベントトラッキングパラメータ:アクション:{{Page URL}}
  6. Google アナリティクス設定:トラッキング用設定変数を選択
  7. トリガー:「【CV】お問い合わせ」を追加
タグ設定【CV】お問い合わせ

GAのコンバージョン計測

ビューの「目標」→「新しい目標」

  1. 目標設定:カスタムを選択
  2. 目標の説明
    1. 名前:お問い合わせ
    2. タイプ:イベント
  3. 目標の詳細:イベント条件
    1. カテゴリ:【CV】お問い合わせ

コンバージョンの確認方法

左メニュー「コンバージョン」→「目標」→「概要」

GA4設定

タグ作成(GA4)

  1. タグ名:【CV】お問い合わせ
  2. タグの種類:Google アナリティクス: GA4 イベント
  3. 設定タグ:トラッキング用設定タグを選択
  4. イベントト名:お問い合わせ
  5. イベントパラメータ:パラーメーター名:item_name
  6. イベントパラメータ:値:商品A
  7. トリガー:「【CV】お問い合わせ」を追加

GA4のコンバージョン計測

左メニュー「設定」→「コンバージョン」

画面右上期間設定の下「新しいコンバージョン イベント」をクリック

新しいイベント名:お問い合わせ(タグに設定したイベント名)

GA4カスタム定義

左メニュー「設定」→「カスタム定義」

画面右上期間設定の下「カスタムディメンションを作成」をクリック

  1. ディメンション名:item_name
  2. 範囲:イベント
  3. イベントパラメーター:item_name

コンバージョンの確認方法

左メニュー「レポート」→「エンゲージメント」→「コンバージョン」

さらに、「+アイコン」クリック→「カスタム」→「item_name」選択で商品毎のお問い合わせを確認できます。

Follow me!

コメント

PAGE TOP
タイトルとURLをコピーしました