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の導入支援業務などを行っております。
お問い合わせはこちらからどうぞ。

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

BigQuery: Google Analytics 360のネストされたデータをフラット変換するSQL前のページ

Pardotの初期セットアップをする① DNSレコード設定とトラッカードメイン設定次のページ

ピックアップ記事

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

関連記事

  1. Google Analytics

    Google Analytics 4: イベントパラメータをセッションスコープで集計する方法

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

  2. GA 360 Suite

    Google Analytics 360 + BigQueryでよく使うSQL例 6選

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

  3. Google Analytics

    【GA4】推奨イベント・カスタムイベントの設定方法

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

  4. Adobe Analytics

    AA + GA : SafariのITP2.1に備えてphpでクッキーを永続化する

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

  5. Adobe Analytics

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

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

  6. Google Analytics

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

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

カテゴリ
最近の記事
  1. Adobe WebSDK FPIDでECIDの復元を検証
  2. dbt Projects on Snowflakeで作成した…
  3. Dataformでtype:’increment…
  4. dbt Projects on SnowflakeをTASK…
  5. AWS発のAIエージェントIDE「Kiro」を使用した仕様駆…
  1. ヒートマップ

    ユーザビリティの検証で気を付けたいこと、やってはいけないこと④
  2. Google BigQuery

    GoogleNext 2019レポート:3日目
  3. Adobe Analytics

    PV(ページビュー)とは-Adobe Analyticsの指標説明
  4. Google Apps Script(GAS)

    Google App ScriptでWebアプリを作る
  5. Adobe Analytics

    Adobe Analytics: SegmentsAPIを使って大量のセグメント…
PAGE TOP