Adobe Dynamic Tag Manager

Tag Manager: Adobe DTM で Google Analytics (gtag.js)を配信する

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

Twitter:@exturekwon

今回はAdobe Dynamic Tag Manager (以下DTM) を使ってGoogle Analytics のgtag.jsを配信する方法です。

そもそもGoogle Tag Manager使えばいいじゃんとも思いますが、Adobe製品を使っている大企業だとDTMを使っているところが結構多いのです。
Adobe Experience Cloudの各タグを配信しようとするとDTM一択です。

DTMにはデフォルトツールとしてGoogle Universal Analyticsのタグが用意されています。
しかし色々カスタマイズしようとすると柔軟性がありません。
という訳で、DTMにgtag.jsをサードパーティスクリプトとして登録して配信する方法です。

まず、GAの設定画面からgtag.jsをダウンロードします。

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXXX-Y');
</script>

このようなscriptタグなのですが、これをこのままDTMにHTMLタグとして登録しても動作しません。
非同期なスクリプトが含まれているためです。

という訳で、DTMに「非順次スクリプト」として登録するためにgtag.jsを書き直します。

var ghead1 = document.getElementsByTagName("head")[0];
var gscript1 = document.createElement("script");
gscript1.src = "https://www.googletagmanager.com/gtag/js?id=UA-XXXXXX-Y";
gscript1.onload = function(){
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'UA-XXXXXX-Y');
};
ghead1.appendChild(gscript1);

このタグを[ルール・複数] > [ページ読み込みルール] の [Javascript/サードパーティタグ]に、[非順次Javascript]として登録します。

これでDTMを保存して承認・本番発行すると、gatg.jsによるGoogle Analyticsタグが配信されます。

今回はGoogle Analyticsのgtag.jsをAdobe DTMで非同期配信する方法についてでした。

弊社ではAdobe AnalyticsやGoogle Analyticsの導入支援業務などを行っております。
お問い合わせはこちらからどうぞ。

ブログへの記事リクエストはこちらまで

ピックアップ記事

  1. 最速で理解したい人のためのIT用語集

関連記事

  1. Google Analytics

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

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

  2. Google Analytics

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

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

  3. Google Analytics

    【GA4】DebugViewの使い方

    こんにちは、エクスチュアの岩川です。GA4ではDebugVi…

  4. GA 360 Suite

    Google Analytics 360: BigQueryを使ってアトリビューション分析で91日以…

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

  5. Firebase Analytics

    GoogleAnalytics Apps+Web プロパティをBigQueryと連携したついでにフラ…

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

  6. Google Analytics

    【UAとは違う!?】GA4で変更された”イベント”について

    はじめにこんにちは、エクスチュアの岩川です。以前、こ…

最近の記事

  1. LangChainって何?: 次世代AIアプリケーション構築…
  2. 回帰分析はかく語りき Part1 単回帰分析
  3. GitHub ActionsでGCEへのデプロイを楽にしてみ…
  4. Snowflake の Copilot が優秀すぎる件につい…
  5. Snowflake の新しいData Clean Roomの…
  1. Snowflake

    Snowflakeとは?Data Cloud World Tour から見る20…
  2. Tableau

    Tableauのテスト自動化を実現する Wiiisdom Ops for Tab…
  3. ヒートマップ

    スクロール・ヒートマップ
  4. Google Apps Script(GAS)

    GoogleスプレッドシートのデータをGASで整理する【getRange編】
  5. Google Apps Script(GAS)

    文字列置換アプリを作成しました
PAGE TOP