Google タグ マネージャーで UET タグを設定する
Google タグ マネージャーで UET タグを設定する
サード パーティ タグ マネージャーを使用すると、Web サイトのタグを 1 か所で管理できます。
Google タグ マネージャ を使用して UET タグを設定する方法について説明します。
注意
-
Google タグ マネージャ と直接連携すると、他の方法よりも簡単に設定できるのでお勧めです。詳細情報: 直接統合を使用して Google タグ マネージャーで UET を設定する
- この記事では、
Google タグ マネージャ を使用して UET タグの基本設定を行う方法について説明します。
Google タグ マネージャ は、タグが発動されるタイミングと方法をカスタマイズするための高度な機能を複数備えています。詳細については、Google の「
タグ マネージャー ヘルプ」を参照してください。
-
Microsoft Advertising は、
Google タグ マネージャ のプロセスやドキュメントについても、
Google タグ マネージャ のプロセスやドキュメントに加えられた変更についても責任を負いません。
タグ マネージャーは、静的タグを、実装や更新が容易な動的タグに置換するものです。動的タグは、コンテナー、つまり、Web サイトにタグを動的に挿入することを可能にする小さなコード スニペットです。コンテナー タグとは、他の種類のタグが入ったバケツのようなものです。
Google タグ マネージャ でページ読み込みイベントの基準 UET ページを追加する
Google タグ マネージャから Microsoft Advertisingに情報を送信するには、
Google タグ マネージャ で「コンテナー」を作成し、そこに Microsoft Advertising の UET タグを追加する必要があります。
すべてのページで開始する基本的な UET タグを使用する手順を以下に示します:
- Google タグ マネージャ でアカウントを設定する際に、[コンテナー名] ボックスに対象 Web サイトの URL を入力します。
- このコンテナーのワークスペースの
[概要] ページで、ツール バーにあるコンテナーID ("GTM-XXXXXX" のような形式) を選択します。
Google タグ マネージャ コンテナー コードと手順が表示されます。
- コンテナー コードをコピーして、対象 Web サイトの
各ページの冒頭または本文セクションに貼り付けます。
- コンテナーのワークスペースの [概要] ページに戻り、
[新規タグ] を選択します。
- [タグ設定] ペインでタグの種類を選択し、設定を開始します。
- Microsoft Advertising[ユニバーサル イベントの追跡 (UET)]
を探します。
- 追跡の種類が [UET config/page view (required)] (UET 構成/ページ ビュー (必須)) に設定されていることを確認します。追加する必要があるこの追跡の種類のタグは 1 つだけで、すべてのページでそれをトリガーする必要があります。
注意
ナビゲーションでページ ビュー イベントを自動的に追跡するには、(ベース タグ用の) [Tag settings] (タグ設定) の [Enable automatic tracking for page view events] (ページ ビュー イベントの自動追跡を有効にする) チェック ボックスをオンにします。
- Microsoft AdvertisingUET タグ ID
を入力します。Microsoft Advertising でタグ ID を見つけるには、
[コンバージョン トラッキング] > [UET タグ] を選択します。
- Web ページに複数の UET タグ追跡コードがある場合は、
Google タグ マネージャ に追跡させる UET タグ スクリプト内に
グローバル イベント追跡オブジェクト名を [UETQ Variable ID] (UETQ 変数 ID) ボックスに入力します。それ以外の場合は、既定の uetq 値を使用します。詳細については、
複数の UET タグを作成する理由と uetq イベント トラッカーの名前を変更する方法をご覧ください。
注意
- 別の uetq 変数を使用しない場合、
UET タグ ヘルパー は "Multiple UET tags on this webpage use the same event name" (この Web ページ上の複数の UET タグが同じイベント名を使用しています) というエラーを返します。サイトに複数のタグが配置されていて、そのうちの 1 つが Google タグ マネージャ を通じて実装されている場合、UET タグ ヘルパーが "Multiple UET tags on this webpage use the same event name" (この Web ページ上の複数の UET タグが同じイベント名を使用しています) エラーを検出できない可能性があります。
- ご自身の Web サイトに UET タグ トラッキング コードがすでに実装されている場合は、トラッキング コードを削除した上で、
Google タグ マネージャ からページ ビュー用の UET タグを追加することをお勧めします。
- [Triggering] (トリガー) ウィンドウで鉛筆アイコンを選択し、
[All pages] (すべてのページ) を選択します。タグを発動させるには、タグに少なくとも 1 つのトリガーが必要です。トリガーは実行時に評価され、トリガー条件が満たされると発動されます。
[保存] を選択します。
- タグ名を入力し、
[保存] を選択します。
- コンテナーのワークスペースのツールバーで、
[送信] > [公開] の順に選択してタグを有効にし、バージョンを追加します。
- Microsoft Advertising で、
[コンバージョン トラッキング] > [UET タグ] を選択して、コンバージョンを受け取ることを確認します。通常、タグの検証には最大 24 時間かかります。
- UET タグ ヘルパーを使用して、ご自身の Web サイトを閲覧し、すべてのページで UET ページ読み込みイベントが開始することを確認します。
Google タグ マネージャ を使用して UET カスタム イベントを追加する
重要
Google タグ マネージャ を使用して
収益変数や動的リマーケティングなどのシナリオのための
カスタム イベントを設定するには、前のセクションで説明したように、
Google タグ マネージャ に UET タグを追加しておく必要があります。
カスタム イベントには動的な値が必要なため、
Google タグ マネージャ に動的な値の読み込み方法を設定する必要があります。
-
ページから動的な値を読み取るために Google タグ マネージャ 変数を設定します
: Google タグ マネージャ はさまざまな種類の変数 (html 要素、関数、JavaScript 変数、データ層変数などから読み取られるもの) をサポートしていますが、この例では、データ レイヤー変数を読み取る Google タグ マネージャ 変数を設定します。
- Google タグ マネージャサンプル ページ (英語のみ) にアクセスし、Web ページ上で右クリックし、お使いのブラウザーに応じて [ソースの表示] または [ページ ソースを表示] を選択します。次の変数が表示されます:
収益追跡の場合:
<script> dataLayer.push({ 'event': 'Purchase', 'revenue_value': 55.55, 'currency': 'USD', 'transaction_id': 'tid123456', }); </script>
動的な操作やその他のシナリオの場合:
<script> dataLayer.push({ 'event': 'Purchase', 'ecomm_prodid': ['abc123', 'xyz456'], 'ecomm_pagetype': 'purchase', 'ecomm_totalvalue': 55.55, 'currency': 'USD', 'items': [{ 'id': 'abc123', 'price': 11.11, 'quantity': 1 }, { 'id': 'xyz456', 'price': 22.22, 'quantity': 2 }], 'transaction_id': 'tid123456', }); </script>
重要
Web サイトのコード内の変数が、シナリオに必要なカスタム イベント (カスタム イベント コンバージョン、変動収益、動的リマーケティングなど) に必要なパラメーターと一致していることを確認する必要があります。この例では、Web サイトに上記のパラメーターがあり、
Google タグ マネージャ にそれらを読み取らせたいとします。
- Google タグ マネージャ のコンテナーのワークスペースで、
[変数] を選択します。
- [ユーザー定義変数] で [新規作成] を選択します。
- [変数設定] ペインで鉛筆アイコンを選択します。
- [ページ変数] で [データ レイヤー変数] を選択します。
- [Variable Name] (変数名) ボックスに、データ レイヤーでこの変数に指定した名前を入力します。この例では、
ecomm_prodid、
ecomm_pagetype、
ecomm_totalvalue、
currency、
items、
transaction_id のいずれかになります。
- 変数に名前を割り当て、
[保存] を選択 します。例えば、
ecomm_prodid の変数には、"Product ID" という名前を付けられます。
- 上記のプロセスを繰り返し、
Microsoft Advertising で使用するシナリオに必要なパラメーターごとに新しい変数を作成します。
-
トリガーを設定する:
- Google タグ マネージャ のコンテナーのワークスペースで、
[トリガー] > [新規作成]の順に選択します。
- [トリガー設定] ペインで鉛筆アイコンを選択し、
[カスタム イベント]を選択します。
- [Event Name] (イベント名) を入力し、
[保存] を選択します。この例では、イベント名は "Purchase" です。
- トリガー名を入力し、
[保存] を選択します。
重要
- Google タグ マネージャ のトリガーは、Web ページでコード化されている可能性のある相互作用と一致する必要があります。
- 例については、
Google タグ マネージャサンプル ページをご覧ください。このページでは、ボタンのクリックをコード化しました。Web ページを右クリックし、お使いのブラウザーに応じて [ソースの表示] または [ページ ソースを表示] を選択し、
id=btnCustomEvent が含まれたコードを探します。
-
Google タグ マネージャでのカスタム イベント変換の追跡の設定
: これは、先ほど作成したイベント変数とトリガーを結び付けるカスタム イベント タグになります。
- Google タグ マネージャで、新しいタグを作成し、タグの種類として「Bing Ads Universal Event Tracking」を選択します。
- [イベントの種類] ドロップダウンから [カスタム] を選択します。
- [カテゴリ]、
[アクション]、
[ラベル]、
[値] に設定されている値は、 Microsoft Advertising アカウントのコンバージョン目標に設定された値と一致する必要があります。
- [Tag Sequencing] (タグ シーケンス) で [Fire a tag before Microsoft Ads Variable Revenue fires] (Microsoft 広告の変動 Revenue が発動する前にタグを起動する) チェック ボックスをオンにします。
[Setup Tag] (タグの設定) ドロップダウンから [Microsoft Ads UET Tag] (Microsoft Ads UET タグ) を選択します。
- カスタム イベントが発生するページでタグが正しく起動するように、タグを設定する前に設定したトリガーが構成されていることを確認します。
- タグの右上隅にある [保存] を選択します。
-
変更を発行する: Google タグ マネージャ コンテナーのワークスペースのツール バーで、
[発行] > [送信] を選択します。
-
Web サイトのコードを確認する: 顧客がイベントを完了する Web ページのデータ レイヤーに以下の変数が追加されていることを確認します (製品購入の確認など)。上記の例では、以下のようになっています:
<script> dataLayer.push({ 'event': 'Purchase', 'ecomm_prodid': ['abc123', 'xyz456'], 'ecomm_pagetype': 'purchase', 'ecomm_totalvalue’: 55.55, 'currency’: ‘USD’, 'items': [{ 'id': 'abc123', 'price': 11.11, 'quantity': 1 }, { 'id': 'xyz456', 'price': 22.22, 'quantity': 2 }], 'transaction_id': 'tid123456', }); </script>
-
タグを検証する: UET タグ ヘルパー を使用して、イベントとイベント内の対応するパラメーターが Web サイトから発生していることを確認します。