Google タグ マネージャーで UET タグを設定する

サードパーティのタグ マネージャーを使用すると、Web サイトのタグを一元管理できます。 Google タグ マネージャ による UET タグの設定方法をご紹介します。
注意
  • Google タグ マネージャ と直接連携すると、他の方法よりも簡単に設定できるのでお勧めです。 詳細情報: 直接統合を使用して Google タグ マネージャーで UET を設定する
  • この記事では、Google タグ マネージャを使用して UET タグの基本的なセットアップを行う方法について説明します。 Google タグ マネージャ には、タグの発生タイミングと起動方法をカスタマイズするための高度な機能がいくつか用意されています。 詳細については、Google のタグ マネージャー ヘルプを参照してください。
  • Microsoft Advertising は、Google タグ マネージャ のプロセスやドキュメントについても、Google タグ マネージャ のプロセスやドキュメントに加えられた変更についても責任を負いません。

タグ マネージャーは、静的タグを、実装や更新が容易な動的タグに置換するものです。 動的タグは、Web サイトにタグを動的に挿入するためのコンテナー、つまり小さなコード スニペットです。 コンテナー タグとは、他の種類のタグを入れるバケットのようなものです。

Google タグ マネージャ でページ読み込みイベントの基準 UET ページを追加するexpando image

Google タグ マネージャから Microsoft Advertisingに情報を送信するには、Google タグ マネージャ で「コンテナー」を作成し、そこに Microsoft Advertising の UET タグを追加する必要があります。

すべてのページで開始する基本的な UET タグを使用する手順を以下に示します:

  1. Google タグ マネージャ でアカウントを設定する際に、[コンテナー名] ボックスに対象 Web サイトの URL を入力します。
  2. このコンテナーのワークスペースの [概要] ページを開き、ツールバー内のコンテナー ID (「GTM-XXXXXX」のような形式) を選択します。 Google タグ マネージャのコンテナー コードと指示が表示されます。
  3. コンテナー コードをコピーして、対象 Web サイトの各ページの冒頭または本文セクションに貼り付けます。
  4. コンテナーのワークスペースの [概要] ページに戻り、[新規タグ] を選択します。
  5. [タグ設定] ペインでタグの種類を選択し、設定を開始します。
    1. Microsoft Advertisingユニバーサル イベント追跡を検索します。
    2. トラッキング タイプが [UET 設定/ページ ビュー] に設定されていることを確認します (必須)。 このトラッキング タイプのタグは、1 つだけ追加します。また、すべてのページでトリガーする必要があります。
    3. Microsoft Advertising UET タグ IDを入力します。 Microsoft Advertising でタグ ID を見つけるには、 変換追跡 > UET タグを選択します。
    4. Web ページに複数の UET タグ トラッキング コードがある場合は、Google タグ マネージャ に追跡させたい UET タグ スクリプト内のグローバル イベント トラッキング オブジェクト名[UETQ 変数 ID] ボックスに入力します。 それ以外の場合は、デフォルトの uetq 値を使用してください。 複数の UET タグを作成する理由uetq イベント トラッカーの名前を変更する方法も参照してください。

    注意
    • 異なる uetq 変数を使用しないと、UET タグ ヘルパーは「この Web ページには同じイベント名を使用している UET タグが複数存在します」というエラー メッセージを返します。 サイト上に複数のタグが配置され、そのうちの 1 つが Google タグ マネージャ により実装されている場合、UET タグ ヘルパーは「この Web ページには同じイベント名を使用している UET タグが複数存在します」エラーを検出できない可能性があります。
    • ご自身の Web サイトに UET タグ トラッキング コードがすでに実装されている場合は、トラッキング コードを削除した上で、Google タグ マネージャ からページ ビュー用の UET タグを追加することをお勧めします。
  6. [トリガリング] ペインで、鉛筆アイコンを選択し、[すべてのページ] を選択します。 タグを開始するには、少なくとも 1 つのトリガーが必要です。 トリガーは、実行時に評価され、トリガー条件を満たした場合に開始します。 [保存] を選択します。
  7. タグ名を入力し、[保存] を選択します。
  8. コンテナーのワークスペースのツールバーで、[送信] > [公開] の順に選択してタグを有効にし、バージョンを追加します。
  9. Microsoft Advertisingで、[コンバージョントラッキング] を選択します> UET タグ を使用して、変換を受け取っていることを確認します。 タグの検証には、通常、最大 24 時間かかります。
  10. UET タグ ヘルパーを使用して、ご自身の Web サイトを閲覧し、すべてのページで UET ページ読み込みイベントが開始することを確認します。
Google タグ マネージャ を使用して UET カスタム イベントを追加するexpando image
重要

Google タグ マネージャ を使用して収益変数や動的リマーケティングなどのシナリオのためのカスタム イベントを設定するには、前のセクションで説明したように、Google タグ マネージャ に UET タグを追加しておく必要があります。

カスタム イベントには動的な値が必要なため、Google タグ マネージャ に動的な値の読み込み方法を設定する必要があります。

  1. ページから動的な値を読み取るために Google タグ マネージャ 変数を設定します: Google タグ マネージャ はさまざまな種類の変数 (html 要素、関数、JavaScript 変数、データ層変数など) をサポートしていますが、この例では、データレイヤー変数を読み取る Google タグ マネージャ 変数を設定します。
    1. 弊社の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 タグ マネージャ にそれらのパラメータを読み込ませる場合を考えてみましょう。

    2. Google タグ マネージャ のコンテナーのワークスペースで、[変数] を選択します。
    3. [ユーザー定義変数][新規作成] を選択します。
    4. [変数設定] ペインで鉛筆アイコンを選択します。
    5. [ページ変数][データ レイヤー変数] を選択します。
    6. [変数名] ボックスに、データ レイヤーでこの変数に付けた名前を入力します。 この例では、ecomm_prodidecomm_pagetypeecomm_totalvaluecurrencyitems、またはtransaction_idのいずれかになります。
    7. 変数に名前を付けて、[保存] を選択します。 例えば、ecomm_prodidの変数には「製品 ID」という名前を付けます。
    8. 上記のプロセスを繰り返し、Microsoft Advertising で使用するシナリオに必要なパラメーターごとに新しい変数を作成します。
  2. トリガーを設定する:
    1. Google タグ マネージャ のコンテナーのワークスペースで、[トリガー] > [新規作成]の順に選択します。
    2. [トリガー設定] ペインで鉛筆アイコンを選択し、[カスタム イベント]を選択します。
    3. イベント名 を入力し、[保存] を選択します。 この例では、イベント名は「Purchase」です。
    4. トリガー名を入力し、[保存] を選択します。

    重要
    • Google タグ マネージャ のトリガーは、Web ページでコード化されている可能性のある相互作用と一致する必要があります。
    • 一例として、弊社のGoogle タグ マネージャ 用サンプル ページをご覧ください。 このページでは、ボタンがクリックされるようにコーディングされています。 Web ページ上で右クリックし、お使いのブラウザーに応じて [ソースの表示] または [ページ ソースの表示] を選択し、id=btnCustomEvent を含むコードを探します。
  3. Google タグ マネージャでのカスタム イベント変換の追跡の設定: これは、先ほど作成したイベント変数とトリガーを結び付けるカスタム イベント タグになります。
    1. Google タグ マネージャで、新しいタグを作成し、タグの種類として「Bing Ads Universal Event Tracking」を選択します。
    2. [イベントの種類] ドロップダウンから [カスタム] を選択します。
    3. [カテゴリ][アクション][ラベル][値] に設定されている値は、 Microsoft Advertising アカウントのコンバージョン目標に設定された値と一致する必要があります。
    4. Tag Sequenceing で、[Microsoft Ads Variable Revenue が発生する前にタグを設定する] チェックボックスをオンにします。 [セットアップ] タグ ドロップダウンから [Microsoft Ads UET タグ] を選択します。
    5. カスタム イベントが発生するページでタグが正しく起動するように、タグを設定する前に設定したトリガーが構成されていることを確認します。
    6. タグの右上隅にある [保存] を選択します。
  4. 変更を発行する: Google タグ マネージャ コンテナーのワークスペースのツール バーで、[発行] > [送信] を選択します。
  5. 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>
  6. タグを検証する: UET タグ ヘルパー を使用して、イベントとイベント内の対応するパラメーターが Web サイトから発生していることを確認します。

See more videos...