sGTM(サーバーサイド GTM)の設定

2024年4月18日 2024年4月18日 10分22秒

sGTMの背景

ITPによる　3rd Party Cookie利用不可
クロームによる　3rd Party Cookie制限（2024年利用不可が予定されている）
クライアント発行　1st Party Cookie制限（広告向けタグ24時間保持）

サーバー発行　1st Party Cookie　制限無
→「GCP + GTMのサーバー用コンテナ（sGTM）で実現」
※従来のCookie制限をサーバー発行のCookieで回避します。

サーバー発行　1st Party Cookieで何ができる？：
24時間を超えたユーザーのタッチポイント捕捉。

タッチポイント例：
sGTM無：
4/6（Display）→ 4/6 CV
※24時間以内のタッチポイントのみ評価されてしまう。

sGTM有：
4/1（CPC）→ 4/3（Organic）→ 4/6（Display）→ 4/6 CV
※ 24時間を超えたタッチポイントの確認、アトリビューションの考察が可能。

実装手順

設定概要：
下記の設定が必要です。

GTMでのGA4タグ設定（クライアント＆サーバー）
GCPでの料金・プロビジョニング設定
ウェブサーバー上でのサブドメイン作成
サブドメインのDNS設定
サーチコンソール上での所有権確認
GCP_App_Engineでのカスタムドメイン設定
※sGTMを実現するには料金が発生する可能性があります。予めご承知おきください。

設定詳細：
１）サーバー用コンテナの作成 [GTM]

「作成」クリック。

２）プロビジョニング設定（接続設定）[GTM]

「タグ設定サーバーを手動でプロビジョニングする」チェック。コンテナ設定は次のとおりです。下のコードをコピー。メモ帳等にペーストしておく。「閉じる」クリック。

※日本リージョンを指定する場合手動設定推奨。ここでは手動設定でご説明します。

３）GCP を開き、新規プロジェクトを作成[GCP]

「新しいプロジェクト」クリック。

４）プロジェクト名設定後「作成」クリック。[GCP]

５）新規作成したプロジェクト名のプロジェクト ID をコピー。メモ帳などにペーストしておく。[GCP]

６）お支払い[GCP] プロジェクトを作成後、当該プロジェクトへ対して課金請求を受け取るための請求先アカウントの設定を行う。「お支払い」クリックで表示の内容に従う。

７）コマンドシェルでプロビジョニング設定[GCP]
Cloud Shell で検索。

Cloud Shell エディタクリック。

「コンソールへ移動」クリック。Cloud Shell 起動。

８）新規作成したプロジェクト ID をペーストして入力。[GCP]
gcloud config set project （プロジェクト ID）
入力：

９） bash -c "$(curl -fsSL https://googletagmanager.com/static/serverjs/setup.sh)" を入力。[GCP]
入力：

１０）手動プロビジョニングでコピーしておいたコードをペースト。 [GCP]

入力：

１１）Optional は入力しない。そのまま Enter。[GCP]
Policy Script URL (Optional):
入力：

１２）そのまま Enter。[GCP]
Request Logging(current on):
入力：

１３）testing 入力。[GCP]
Deployment Type (testing/production):
入力：testing
※必要に応じて後からプロダクション環境へ変えることも可能。
※testing 基本無料ですが、上限超えると有料。
Production は有料で複数のサーバ―構成可能。

１４）y 入力。[GCP]
Do you wish to continue? (y/N):
入力：ｙ

１５）リージョンの選択。どの場所のサーバーを使うか？3 入力。[GCP]
Please enter your numeric choice:
入力：３
※３は東京( asia-northeast1 )を示しています。ここでは東京を選択しています。(2024/1現在)
※Cloud Sell のキャプチャはここで終わります。

１６）y 入力。[GCP]
Do you wish to continue? (y/N):
入力：ｙ

１７）エンドポイントペースト[GCP]
Deployed service [default] to [（エンドポイント URL）] 処理が進み、最後に表示された文章の中にある「Deployed service [default] to」の後の []内の URL がサーバー用コンテナのエンドポイント URL になります。
コピーしてメモ帳などにペーストしておく。
-------------------

１８）コマンドシェルで生成された「エンドポイント URL」設定[GTM]
サーバー用コンテナの「コンテナの設定」クリック。

１９）前述の GCP Cloud Shell の最後に出てきたエンドポイント URL を「サーバーコンテナの URL」にペースト。[GTM]

２０）サブドメイン作成[レンタルサーバー or DWH]
レンタルサーバー（弊社の場合）でサブドメイン（sub.***.***.***）作成。
作成方法はレンタルサーバー、DWH によって異なる。
※ネットワークご担当者の確認必要。
※SSL の設定必要無し。SSL は Google によって付与される。

２１）サブドメインの DNS 設定[DNS]
※初期 DNS の A レコードはドメインと同じものを使用。（弊社の場合）
※ネットワークご担当者の確認必要。

２２）サーチコンソールでサブドメインの所有権確認[サーチコンソール]
※サブドメイン（例：sub.*****.*****,***）にて DNS の TXT レコードを使用した所有権確認。「続行」クリック。

２３）以下の TXT レコードを sub.***.****.*** の DNS 設定にコピーします。の下のコードをコピー。メモ帳などにペースト[サーチコンソール]

２４）サブドメインの DNS 設定[DNS]
TXT レコードにサーチコンソールでコピーしたコードをペースト。

２５）確認をクリック。所有権が確認される。[サーチコンソール]

２６）カスタムドメイン設定。[GCP_App_Engine]
作成したプロジェクトを選択し検索欄から「App」と検索。App Engine をクリック。

２７）設定をクリック。[GCP_App_Engine]

２８）カスタムドメインから「カスタムドメインを追加」クリック。[GCP_App_Engine]

２９）カスタムドメインとして利用したいサブドメインを入力し「確認」ボタンをクリック [GCP_App_Engine]

３０）「エンドポイント URL として利用したいサブドメイン。sub を残して www は削除。マッピングを保存をクリック。[GCP_App_Engine]

３１）該当サブドメインの DNS へ反映 [DNS]
※Google 指定の A レコード・AAAA レコードが表示されるので初期に設定した A レコードは削除し、AAAA レコードを追加。(弊社の場合)
※初期に設定した A は削除しないとエラーが表示される。
※ネットワークご担当者の確認必要。

３２）GTM のサーバー用コンテナへ戻り、「管理 > コンテナの設定」へ移動[GTM]

３３）「タグ設定サーバーの URL」を「https://（先ほど登録したサブドメイン）」へ変更し、「保存」。[GTM]

３４）既存の GTM のクライアント用コンテナの Google タグを修正。[GTM]
構成パラメータの server_container_url に当該サブドメイン指定。保存。 ※GTM の通常のコンテナをここではクライアント用コンテナと呼ぶ。

３５）サーバー用コンテナでのクライアント設定[GTM]
※サーバー用コンテナには左メニューに「クライアント」がある。クライアントをクリック。「GA4」を開く。以下のように設定。
※client の名前はデフォルトで「GA4」がセットされているのでそれを開く。
※Cookie とクライアントの識別「サーバー管理」。JavaScript 管理クライアント ID から移行にチェック。保存。