JTB BÓKUN｜Googleタグマネージャーとの連携について

Googleタグマネージャーとの連携について

本記事では、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番号を入力してください。

4．「Setup with GA4」をクリックし、記載のStep 2「Download Container Settings」よりコンテナファイルをダウンロードします。

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

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

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

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

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

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

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

3．予約チャンネル＞追跡（トラッキング）＞グーグルタグマネジャーの「Setup with GA4」よりダウンロードしたファイルを、「コンテナファイルを選択」よりアップロードします。

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．画面右上の「公開」をクリックして公開します。