クロスナビ-Cross navi-

Googleタグマネージャー設定マニュアル | Cross Navi
印刷 / PDF保存

Googleタグマネージャー設定手順書

Cross Navi 計測タグ設定マニュアル

本資料は、Googleタグマネージャー(GTM)を使用して、Webサイト上の「お問い合わせ完了」および「無料相談予約ボタンのクリック」を計測するための設定手順書です。

事前準備
お手元に、設定したい広告媒体(Google広告やGA4など)の「測定ID」や「コンバージョンID/ラベル」をご用意の上、作業を開始してください。

STEP 1. 変数の設定

クリックされたURLや要素をGTMが認識できるように、組み込み変数を有効化します。

  1. GTMのワークスペース左メニューから 「変数」 をクリックします。
  2. 「組み込み変数」の右側にある 「設定」 ボタンをクリックします。
  3. リストの中から、以下の項目にすべてチェックを入れてください。
    ※すでにチェックが入っている場合はそのままで構いません。
Pages カテゴリ Page URL, Page Path, Page Hostname
Clicks カテゴリ Click URL, Click Classes, Click ID, Click Target, Click Text, Click Element

STEP 2. トリガーの作成

「いつ計測するか」という条件(トリガー)を2つ作成します。

① お問い合わせ完了(サンクスページ到達)

送信完了画面が表示されたタイミングを検知する設定です。

トリガーのタイプ ページビュー
トリガーの発生場所 一部のページビュー
条件 [ Page Path ] [ 含む ] /transmission/
トリガー名 お問い合わせ完了(サンクスページ)

② 無料相談予約ボタンのクリック

サイト内の「無料相談の予約」ボタンが押されたタイミングを検知する設定です。

トリガーのタイプ リンクのみ
オプション設定 ・タグの配信を待つ:チェックを入れる(2000ミリ秒)
・妥当性をチェック:チェックを入れる
有効化のタイミング [ Page URL ] [ 正規表現に一致 ] .*
トリガーの発生場所 一部のリンククリック
条件 [ Click URL ] [ 含む ] contact
トリガー名 無料相談予約ボタンクリック

STEP 3. タグの設定

作成したトリガーと、各媒体のタグを紐付けます。
ご利用の媒体に合わせて設定を行ってください。

パターンA:Googleアナリティクス (GA4) の場合

タグの種類 Google アナリティクス: GA4 イベント
測定ID G-xxxxxxxxx (※貴社のGA4測定IDを入力)
イベント名 お問い合わせ完了時: generate_lead
ボタンクリック時: click_reservation
配信トリガー STEP2で作成したトリガーを選択

パターンB:Google広告 (コンバージョン) の場合

タグの種類 Google 広告のコンバージョン トラッキング
コンバージョンID AW-xxxxxxxxx (※Google広告の管理画面の値を入力)
コンバージョンラベル AbCdEfG... (※Google広告の管理画面の値を入力)
配信トリガー STEP2で作成したトリガーを選択

STEP 4. 公開(保存)

最後に必ず「公開」作業を行ってください。公開しないと設定は反映されません。

  1. 画面右上の青い 「公開」 ボタンをクリックします。
  2. バージョン名に「お問い合わせ計測設定」など、わかりやすい名前を入力します(空欄でも可)。
  3. 右上の 「公開」 ボタンを再度クリックします。
  4. 「歌うような~」という画面が表示されれば設定完了です。

設定手順は以上となります。
ご不明な点がございましたら、お気軽にお問い合わせください。

GTM Manual

GTM設定の 発火確認手順

Googleタグマネージャー(GTM)が
正しく設置されているか確認する方法です。
状況に合わせて以下の手順をお試しください。

推奨

01 プレビューモードで確認

最も確実な確認方法です。
GTMの管理画面にログインして行います。

1プレビューを開始
GTMのワークスペース画面右上にある「プレビュー」ボタンをクリックします。
2サイトに接続
「Tag Assistant」のタブが開くので、貴社サイトのURLを入力し「Connect」をクリックします。
3発火(Fired)を確認
別ウィンドウでサイトが開きます。「Tag Assistant」のタブに戻り、中央の「Tags Fired」にタグが表示されていれば成功です。

02 GA4リアルタイムで確認

データがGoogleアナリティクス(GA4)に
届いているかを確認する方法です。

1サイトにアクセス
ご自身のスマホやブラウザで、計測したいサイトにアクセスします。
2GA4管理画面へ
Googleアナリティクスを開き、左メニューの「レポート」→「リアルタイム」をクリックします。
3ユーザー数を確認
「過去30分間のユーザー」に数字が出ていたり、地図上の現在地が光っていれば計測できています。

03 拡張機能で簡易確認

GTMのログイン権限がない場合に、
コードの設置だけを確認する方法です。

1拡張機能を導入
Chromeブラウザに「Tag Assistant Legacy」という拡張機能をインストールします。
2有効化してリロード
サイトを開き、アイコンをクリックして「Enable」を押し、ページを再読み込み(リロード)します。
3色を確認
アイコンが緑色または青色になり、GTM-IDが表示されていれば設置完了です。

うまくいかない場合

タグが反応しない場合は、GTMの変更後に「公開(Publish)」ボタンを押しているかご確認ください。
「公開」をしてバージョンを作成しないと、本番環境には反映されません。