Advertising Advertising Editor Advertising Intelligence

自分の Web サイトに UET タグを追加するにはどうしたらよいですか?

UET タグを作成したら、Web サイトに追加する必要があります。JavaScript、タグ マネージャー、またはシングルページ アプリケーション (SPA) Web サイトでこれを行う方法について説明します。
重要

UET タグ トラッキング コードを追加するには、Web サイトのコードを編集する必要があります。Web サイトのコードを編集する方法については、Web 管理者にお問い合わせください。

UET タグを作成した後、次のステップでは、UET タグ トラッキング コードを Web サイトに追加します。お客様自身や Web 管理者に、Web サイトのすべてのページのヘッダーおよび本文に追加していただくことをお勧めします。

UET タグを使用する際には、複数のオプションがあります。UET タグ トラッキング コードを JavaScript を使って Web サイトのコードに直接追加するか、サードパーティのタグ マネージャーを使用できます。また、ご自身の Web サイトが Web サイト プラットフォーム (Shopify、WordPress など) で構築されている場合は、そのシステムを使用して UET タグを追加できます。

注意

UET タグ トラッキング コードは、Web ページのヘッダー セクション (head タグの終了タグ: " </head >" よりも前)、または本文セクション (body タグの終了タグ: " </body >" よりも前) の任意の場所に追加できます。

UET タグ トラッキング コードを Web サイトに直接追加するexpando image
トラッキングコードをすでにコピーした場合、またはダウンロードしたものやメールで送信されたものをお持ちの場合は、Web サイトに貼り付ける準備が整いましたので、手順 4 へお進みください。
  1. 上部のメニューで [ ツール]、[ UET タグ] の順に選択します。
  2. 表から、使用する UET タグを検索し、 [アクション] 列で [タグを表示] を選択します。
  3. UET タグ トラッキング コード ボックスで、 [コピー] を選択します。
  4. Web サイトのすべてのページで、ヘッダーか本文のいずれかに UET タグ トラッキング コードを貼り付けます。画像では、UET タグ トラッキング コードは Web ページ本文の冒頭に貼り付けています。
    UET tag
UET タグ トラッキング コードを Web サイトにタグ マネージャーで追加するexpando image

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

UET は、主要なタグ管理システムのすべてに対応しています。テスト済みおよびサポート対象のタグ マネージャーの最新のリスト (およびガイドへのリンク) を以下に示します:

Web サイト プラットフォームを使用して UET タグ トラッキング コードを追加するexpando image

UET は、主要な Web サイト プラットフォームのすべてに対応しています。UET タグのインストールが可能なテスト済みおよびサポート対象のプラットフォームの最新のリスト (およびガイドへのリンク) を以下に示します:

注意
  • Web ページの本文中に JavaScript の UET タグ トラッキング コードをインストールした例を見るには、 この Web ページ(英語のみ) にアクセスし、Web ページ内で右クリックし、お使いのブラウザーに応じて ソースの表示または ページ ソースの表示をクリックしてください。
  • Web ページが読み込まれると UET タグがトリガーされ、HTTP リクエストが多数発生します。最も重要なリクエストは "bat.bing" ("http://bat.bing.com/action/0?ti=..." など) へのものです。このリクエストは、ユーザーが Web ページにアクセスしたことを Microsoft Advertising に知らせるものです。Fiddler などの第三者ツールを使用して、Web ページを読み込むときにブラウザーが生成するリクエストをすべて監視することができます。

シングルページ アプリケーション (SPA) の Web サイトで UET タグを使用する

シングルページ アプリケーション (SPA) の Web サイトを追跡するのは一般的ですが、困難です。SPA ではコンテンツは、通常のナビゲーション イベントが発生することなく、動的に読み込まれます。つまり、ページの読み込みは一度のみです。しかし、解析と目標追跡の観点からは、個別のナビゲーションを新着ページの読み込みとして扱う必要があります。

SPA で UET タグを有効にするために必要なことを学ぶexpando image

SPA Web サイトは、JavaScript の UET タグ トラッキング コードを使用する必要があります。最近 UET トラッキング コードを追加した場合は、既定で SPA 追跡が既に有効になっている可能性があります。確認するには、タグ スニペットに次の 太字のテキストがあるかどうかをチェックします: 

<script> (function(w,d,t,r,u) {var f,n,i;w[u]=w[u]||[] ,f=function(){var o={ti:"TAG_ID_HERE", enableAutoSpaTracking: true}; o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")} ,n=d.createElement(t),n.src=r,n.async=1,n.onload=n .onreadystatechange=function() {var s=this.readyState;s &&s!=="loaded"&& s!=="complete"||(f(),n.onload=n. onreadystatechange=null)},i= d.getElementsByTagName(t)[0],i. parentNode.insertBefore(n,i)})(window,document,"script"," //bat.bing.com/bat.js","uetq"); </script>

タグ スニペットに上記のパラメーターが含まれていない場合に、自動 SPA 追跡を使用する場合は、 Microsoft Advertising UI に移動し、上記の動作が既定で有効になっている新しいイベント スニペットを取得できます。その後、Web サイトを更新して、新しいスニペットを使用できます。

既に SPA ページビューを手動で追跡している場合は、この動作を無効にすることをお勧めします。これを行うには、タグ スニペットの enableAutoSpaTracking パラメーターの値を false に変更します。また、Web サイトでナビゲーションにブラウザー履歴の状態が使用されていない場合は無効にすることもできますが、不明な場合はオンにしておくことをお勧めします。

SPA ページビューを手動で追跡する従来の手順については、以下を参照してください:

SPA イベントは、'page_view' アクションを含み 'page_path' パラメーターが必須 ('page_title' はオプション) となる、 カスタム イベントと同じ構文でトリガーされます。'page_path' パラメーターは '/' で始まる必要があります。例: 

window.uetq = window.uetq || []; 
window.uetq.push('event', 'page_view', { 'page_path': '/spa_page' });
注意

page_view イベントを送信する際、カスタム イベントのコンバージョン目標やリマーケティング リストで、"event action" パラメーターが "page_view" に設定されているものが存在しないことを確認します。

SPA イベントをトリガーする方法を 3 つご紹介します。なお、最初の方法を使用することをお勧めします。それぞれの方法について、サンプル Web ページを用意しましたので、適切なコードの動作を確認できます。

  • コンテンツを変更する: アプリケーションが動的コンテンツを読み込むたびに SPA イベントをトリガーします。この場合、実際の URL は、最初の読み込み時に標準の pageLoad イベントで自動的に送信されます。この URL は、最終目標として使うことができます。最初のページでトリガーされたカスタム イベントは、すべてこれに関連付けられます。それぞれの SPA イベントは、SPA URL で pageLoad イベントを生成しますが、これは読み込み出来るパスである必要はありません。これらの URL は目標でも参照できます。SPA イベントの後にトリガーされたカスタム イベントは、SPA の pageLoad にのみ関連付けられます (つまり、元の URL には関連付けられません)。
  • すべてのページ: 初回読み込み時を含むすべてのページの SPA イベントをトリガーします。このシナリオは、オート pageLoad イベントを使用しないことを除き、前述のシナリオと同じです。それまでと同様にトリガーされるため、イベントを整理して、他のカスタム イベントがトリガーされる前に SPA イベントがトリガーされるようにすることが重要です。トリガーの順序が不適切な場合、一部またはすべてが、SPA pageLoad イベント (および page_path を含む SPA の URL) ではなく、自動 pageLoad イベント (および元の URL) に関連付けられる可能性があります。
  • すべてのページ、自動無効化: すべてのページで SPA イベントをトリガーし、さらに、自動ページ読み込みを無効化します。それには、初期化パラメーターに 'disableAutoPageView: true' を追加します (注: コード スニペットを変更して、直接無効化することはしないでください)。このシナリオは前項と同様ですが、初回ページ読み込み時に最初に SPA イベントをトリガーするという要件が削除されています。ただし、後続の SPA イベントは、それらに関連するカスタム イベントの前にトリガーされる必要があります (そうでない場合、以前の SPA イベントに起因することになります)。

See more videos...