Google Tag Manager

サーバーサイドGTM: ウェブコンテナを使って1stパーティドメインからgtm.jsを配信してみた

こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。

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

 

関連記事

  1. Google Analytics

    Google Analytics: ユニバーサルアナリティクスの拡張Eコマース用dataLayerを…

    こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。…

  2. Google Cloud Platform

    Server-side GTM を Google AppEngine にデプロイする

    こんにちは、エクスチュアの権泳東(權泳東/コン・ヨンドン)です。…

  3. Google Tag Manager

    Google Tag Manager: 離脱リンクのクリックをトリガーにする

    こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。…

  4. Adobe Analytics

    GTMのdataLayerをAdobeAnalyticsの「s」オブジェクトにコピーする

    こんにちは、エクスチュアの權泳東(コン・ヨンドン)です。Ado…

  5. Adobe Analytics

    Adobe AnaltyicsとGoogle Analytics の「生Webビーコン」をBigQu…

    こんにちは、エクスチュアの權泳東(権泳東/コン・ヨンドン)です。…

  6. Google Analytics

    Cloud FunctionsとOpenWeather APIを使ってGoogle Analytic…

    こんにちは、エクスチュアの権泳東(權泳東/コン・ヨンドン)です。…

最近の記事

  1. KARTE:最低限!KARTEの運用管理のためにやっておくこ…
  2. YOTTAA:新機能「Anomaly AI」のご紹介
  3. Tableau 2021.1 新機能紹介
  4. YOTTAA:ECサイトで見るべき8つのサイトパフォーマンス…
  5. 【初心者向け】AWSを学ぶ前に確認したい用語
  1. Google Analytics

    Google Analytics 4: イベントパラメータをセッションスコープで…
  2. Tableau

    Tableau Viz紹介 : 10.4新機能を使ってダッシュボードを作ってみた…
  3. Ad Hoc Analysis

    Adobe Analytics: Ad Hoc Analysisでセグメントの条…
  4. YOTTAA

    YOTTAA:ECサイトで見るべき8つのサイトパフォーマンス指標について
  5. Adobe Analytics

    AdobeAnalytics:WordPressやHTML5内の動画を計測する
PAGE TOP