本記事では、Googleタグマネージャーの設定方法及び、GoogleタグマネージャーとGoogle Analytics 4の連携方法について説明します。

Googleタグマネージャーの設定方法

1．JTB BÓKUNとGoogleタグマネージャーとの設定において、GoogleタグマネージャーIDが必要です。

GoogleタグマネージャーID（GTM ID）はタグマネージャーアカウントのワークスペース画面の右上に表示されます。

2．JTB BÓKUN管理画面＞設定＞販売関連＞予約チャンネル＞該当予約チャンネルの編集画面を開きます。

3．アドバンス＞Google Tag Managerの入力欄に1．で確認したGTM-から始まるID番号を入力してください。

Googleタグマネージャーで様々なイベントを追跡することができます。

• 訪問者が特定のページに到達した。例：予約ページ
• 訪問者が予約プロセスを完了し、予約完了ページに到達した。URLで設定する場合は“booking-receipt”が含まれるURLは予約完了ページです。またはトリガーを“Purchase”というイベントで設定します。



GA4タグマネージャー設定をするにあたって

• JTB BÓKUNの予約チャンネルにGA4の測定IDが入力されていることをご確認ください。GA4の測定IDの設定方法はこちらをご覧ください。
• GA4アカウントにプロパティとデータストリームが設定されていることをご確認ください。詳細はこちらをご参照ください。
• Googleタグマネージャーアカウントにタグマネージャーコンテナが設定されていることをご確認ください。詳細はこちらをご参照ください。
• 貴社ウェブサイトにタグマネージャーのタグが設定されていることをご確認ください。

GA4 イベントを処理するタグマネージャーコンテナの設定方法

JTB BÓKUNウィジェットより送信されるイベントを処理するように、タグマネージャーを設定します。

1．タグマネージャーコンテナの以下の画面を開きます。

2．「管理」をクリックし、「コンテナをインポート」をクリックします。

3．下記のファイルをダウンロードし、「コンテナ ファイルを選択」よりアップロードします。

4．ワークスペースとインポートオプションをご自由に設定し、アップロードします。おすすめはDefault Workspaceで統合オプションです。

タグマネージャーコンテナにGA4データソースに接続する

上記の操作により、コンテナはどのように GA4 イベントを処理すべきかを理解することができました。

次はGA4データソースをこのコンテナに接続します。

今のタグリストは以下のように表示されます。

1．上記画面の右上にある「新規」ボタンをクリックします。

2．「タグの設定」をクリックし、「Google Analytics: GA4設定タグ　または　Googleタグ」を選択します。

3．GA4の測定IDを「タグID」に入力します。

4．次に、「トリガー」をクリックし、「All Pages」を選択します。

5．「保存」をクリックしますと以下のように作成されます。なお、タグ名の変更は特段必要ありません。

6．上記画面の「Google Analytics|GA4|Ecommerce　Googleアナリティク：GA4イベント」のタグをクリックします。

7．「測定ID」をクリックして、GA4測定IDを入力すると、先ほど作成したGoogleタグが選択されます。

※上記2．においてGoogle Analytics: GA4設定タグを選択した場合は、設定タグより先ほど作成したタグを選択してください。

8．保存します。

9．画面右上の「公開」をクリックして公開します。