こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。
Googleタグマネージャーから「ウェブコンテナ」という機能がリリースされました。
これを使ってサーバーサイドGTMをホストしているAppEngine、つまり1stパーティドメインからタグコンテナ(gtm.js)を配信してみました。
1. SSGTMのウェブコンテナを設定する
まず、SSGTMの [クライアント] > [新規] から [ウェブコンテナ]を選びます。
[許可されているコンテナ ID] には、GTMのコンテナIDを入力します。
最後に[保存]を押します。
2. UAとGA4のクライアント設定を変更する
続いて、SSGTMの [クライアント]にまた戻り、UniversalAnalytics用とGA4用のクライアント設定をそれぞれ変更します。
まずはUA。
[特定の ID 向けのデフォルトの gtag.js パス] にチェックを入れて、UAのトラッカーIDをセットします。
UAの設定変更
設定を保存したら、次はGA4。
[特定の ID 向けのデフォルトの gtag.js パス] にチェックを入れて、GA4の測定IDをセットします。
GA4の設定
3. SSGTM設定を公開
ここまで変更したらSSGTM設定を公開します。
公開したら [https://SSGTMのホスト名/gtm.js] でJSファイルにアクセス出来るか確認します。
SSGTMからgtm.jsを配信
公開出来てますね。
4. GTMコンテナタグを修正
ここまで確認出来たら、Webサイトに埋めてあるGTMタグを修正します。
[www.googletagmanager.com] をSSGTMのホスト名に変更します。
GTMタグの配信元を変更
公開したらUA/GA4ともに正しく動作してるか確認します。
Charlesで確認したり、リアルタイムレポートでも確認しましょう。
gtagjsとanalytics.jsもSSGTMから配信されてますし、ビーコンペイロードも正しく発生してます。
Charlesで確認
TL;DR
SSGTMのウェブコンテナクライアントを使うと、SSGTMのAppEngineから計測タグを配信するようになります。
つまり、タグの配信からペイロードの送信先までを全て1stパーティドメインでカバー出来ます。
弊社では、Adobe Analytics認定エキスパート資格・Google Cloud認定プロフェショナルデータエンジニア資格・Linux Professional Institute認定資格を持ったエンジニア達が各種マーテックツールの導入実装コンサルティングサービスや、GCP/AWS/Azureなどのパブリッククラウドを使ったデータ分析基盤構築コンサルティングサービスを提供しております。
お問い合わせはこちらからどうぞ。
参考記事: New Google Tag Manager Web Container Client For Server Side Tagging | Simo Ahava’s blog
