UET を使ってカスタム イベントを追跡する方法

1 つの Web ページで複数タイプのコンバージョンを追跡することができるカスタム イベントの作成方法を学びます。

Microsoft Advertising では、ニュースレターに登録したときや、ホワイト ペーパーをダウンロードしたときなどの、Web サイトでのカスタム イベントを、コンバージョンとして追跡することができます。 詳細については、カスタム イベントを追跡する理由を参照してください。

要件

カスタム イベントの設定を始める前に、以下を用意してください:

カスタム イベントの設定方法

手順 1: UET タグ トラッキング コードをユーザーの Web サイトに追加する expando image
注意
  • Google タグ マネージャーを使用していますか? 「Google タグ マネージャーで UET タグを設定する」を確認します。
  • 異なるタグマネージャーを使用していますか? この記事の「タグマネージャーを使用して UET タグ トラッキング コードを追加する」を参照してください。
  • Web サイト ホスティング サービスを使用していますか? この記事の「UET タグ トラッキング コードをご自身の Web サイト プラットフォームに直接追加する」を参照してください。
  1. Microsoft Advertising の左側のナビゲーション ウィンドウで、[コンバージョン トラッキング][UET タグ] の順にクリックします (またはページトップのグローバルメニューから、[ツール][UET タグ] の順にクリック)。
  2. 使用したいタグを検索し、[アクション] 列で、[タグを表示] をクリックします。
  3. [コピー]をクリックします。
  4. Web サイトコードで、以下の位置の 1 つにタグを貼り付けます:
    <head>Your page title 
     

    // Option 1: Insert your UET tag here, between the "head" tags.


    </head>

    <body> 

    // Option 2: Insert your UET tag here, right after beginning of the "body" tag.


       ...
    <button>Download now</button>
       ...
    </body>
手順 2: コンバージョン目標またはリマーケティング リストを作成する expando image
  • カスタム イベントのためのコンバージョン目標を作成:
    1. 上部のメニューで [ツール]、[コンバージョン目標] の順に選択します。
    2. [作成] を選択します。
    3. 追跡するコンバージョンの種類 (Web サイトモバイル アプリのインストールオフライン) を選択します。
    4. [次へ] を選択します。
    5. ドロップダウン メニューから目標カテゴリを選択した後、目標タイプを選択します。
    6. [目標の名前] ボックスに目標の名前を入力します。 目標に名前を付けるときは、意味のあるわかりやすい名前を使用してください。 コンバージョン目標の名前を選択した後、同じ名前が今後再び使用されない可能性があることに注意してください。
    7. 選択した目標タイプに適切な値を入力します。
    8. コンバージョンごとに金額を追加する場合は、[収益] ドロップダウン メニューから次のどれか 1 つを選択します:
      • 各コンバージョン アクションの値は同じで、金額を入力して通貨を選択します (利用できる場合)。 これは静的な値で、変化しません。
      • コンバージョン アクションの値は (例えば、購入価格によって) 変わる可能性があります。デフォルトの金額を入力し、コンバージョンに値がない場合に使用するデフォルトの通貨 (利用可能な場合) を選択します。 この収益値は、Web サイトに追加している UET タグ トラッキング コードへのカスタマイズに基づいて変化します。 詳細については、UET を使って変数収益をレポートする方法を参照してください。 このオプションは、リンク先 URL とイベントコンバージョン目標でのみ利用できます。
    9. 詳細設定を使用してコンバージョン目標を微調整します。
      • この目標のスコープをすべてのアカウントまたは特定のアカウントに設定します。 一度選択すると、このプロパティは変更できないことに注意してください。
      • コンバージョンをカウントする方法を変更します。 詳細についてはこちらをご覧ください。
      • コンバージョン ウィンドウを入力して、過去 90 日までを追跡します。
      • [ビュースルー コンバージョン ウィンドウ] を設定して、顧客が広告を見た後 (ただしクリックはしていません)、この期間に発生したコンバージョンを追跡します。 ビュースルー コンバージョンの詳細については、こちらをご覧ください
      • すべてのコンバージョンを追跡するかどうかに応じて、[コンバージョンに含める] チェックボックスをオンまたはオフにします。 「コンバージョン」と「すべてのコンバージョン」の違いについての詳細は、こちらをご覧ください。
    10. [次へ] を選択します。
    11. このコンバージョン目標に関連付ける UET タグを選択します (オフライン コンバージョンには適用されません)。
    12. この UET タグを Web サイトにインストールしていますか? の回答を選択します。

      注意

      「いいえ、この UET タグはすべての Web サイトページにインストールされていません」、または 「よくわかりません。タグをインストールする手順が必要です」 を選んだ場合、「タグを自分でインストールする」、または 「タグを開発者に送信する」 を選択します。 [次へ] を選択し、画面の指示に従います。 [次へ] を選択して、コンバージョン目標の設定を完了します。 Web サイトに UET タグを追加する方法の詳細についてはこちらをご覧ください

    13. [保存して次へ] を選択します。
    14. カスタム イベントの目標で、このイベントを追跡するタイミングを指定します ([インライン アクション時にイベントを追跡する] または [ページ読み込み時にイベントを追跡する] を選択します)。 指定されている手順に従って、Web サイトでイベント タグを設定します。

    注意

    コンバージョン目標にマッチしていると検出されたすべてのアクションは、1 つのコンバージョンとしてカウントされます。

  • カスタム イベントに対するリマーケティング リストの作成:
    1. Microsoft Advertising の左側のナビゲーション ウィンドウで、[共有ライブラリ][オーディエンス] の順にクリックします (またはページトップのグローバルメニューから、[ツール][オーディエンス] の順にクリック)。
    2. [オーディエンスの作成] をクリックします。
    3. リマーケティング リストの名前を付け、[リマーケティング リスト][次へ]の順にクリックします。
    4. [オーディエンスに追加するユーザー]では、[カスタム イベント] を選択します。
    5. 使用したいそれぞれに、文字列または数値を割り当てて、カスタム イベントをログする際にレポートするパラメーターを選択します。 次のようなパラメーターが考えられます:
      • [カテゴリ]: : 追跡したいイベントのカテゴリ。 仮に Web サイト ページのドキュメントのダウンロードを追跡したいとします。 この例で、カテゴリは"downloads" となる可能性があります。
      • アクション: 追跡したいユーザー インタラクションの種類。 この例では、"downloadbuttonclick" です。
      • ラベル: アクションのきっかけとなった要素の名前。 この例では、"document05" です。
      • 値: そのイベントに関連付けられた数値。 この例では、ドキュメント内のページ数は "4" です。
        イベントの値は、 0 から 9999999 までの値で小数第三位までです。

      重要

      UET タグ トラッキング コードをカスタマイズして、ここで定義された値をマッチさせます (これはステップ 3 で説明されています)。 これにより、Microsoft Advertising ではこれらの値を UET 経由でログされたカスタム イベントにマッチさせ、コンバージョンとしてカウントします。

    6. [メンバーシップ期間] を設定して、Microsoft Advertising に対し、リストにメンバーを追加するために、どれくらい遡ってリマーケティング リストの定義にマッチしたアクションを検索するかを伝えます。
    7. [タグ名] については、ステップ 1 で Web サイトに追加した UET タグを選択します。
    8. [保存] をクリックします。
    9. このリマーケティング リストを広告グループと関連付ける
手順 3: UET タグ トラッキング コードを Web サイトで変更する expando image
ステップ 2 の例に従って、仮に、Web ページで追跡したいカスタム イベントを[いますぐダウンロード] ボタンをクリックするユーザーだとします (これは前述の[アクション] イベントです)。
  1. ステップ 1 で Web ページのコードに追加した UET タグの下にある以下のカスタム イベント JavaScript を追加します:
    <head>Your page title 
    </head>

    <body>

     // Let's say this is where you pasted the UET tag in Step 1.


    <script>Your UET tag is here.</script>

     // Here is where to paste the following JavaScript:

    <script>
       window.uetq = window.uetq || [];
       window.uetq.push ('event', 'Replace_with_Event_Action', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'});
    </script>



       ...
    <button>Download now</button>

       ...
    </body>
  2. このコード スニペットに関数名を付けます。 関数名は、Web サイトで使用されたことがないものであればどんなものでも構いません。 ここでは例として、 "GetCustomEvent()"という名前をつけます:
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    <script>

       function GetCustomEvent() {

       window.uetq = window.uetq || [];
       window.uetq.push ('event', 'Replace_with_Event_Action', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'});

       }

    </script>

       ...
    <button>Download now</button>

       ...
    </body>
  3. 適切なアクションが発生したときにこの関数を呼び出すように、Web ページのコードをカスタマイズする必要があります。 この例では、カスタム イベントは "今すぐダウンロード" ボタンのクリックであるため、ボタンのコードで呼び出しを追加する必要があるでしょう。
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    </script>

    <script>
       function GetCustomEvent() {
       window.uetq = window.uetq || [];
       window.uetq.push ('event', 'Replace_with_Event_Action', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'});
       }
    </script>

       ...
    <button OnClick="GetCustomEvent()">Download now</button>

       ...
    </body>
  4. カスタム イベントの JavaScript には、'event'、'event_category'、'event_label'、'event_value' の 4 種類のパラメーターがあります。 これらは、ステップ 2 でカスタム イベントコンバージョン目標に対して定義するオプションがあったパラメーターと一致しています。 追加した JavaScript では、パラメーターには割り当てられたプレースホルダー値があります。
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    </script>

    <script>
       function GetCustomEvent() {
       window.uetq = window.uetq || [];
       window.uetq.push ('event', 'Replace_with_Event_Action', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'});
       }
    </script>

       ...
    <button OnClick="GetCustomEvent()>Download now</button>

       ...
    </body>
  5. 追加した JavaScript は、カスタム イベントが発生したときに Microsoft Advertisingに値を返す必要があり、この値はステップ 2 で入力した内容と合致している必要があります。 この例では、ボタン クリックをトラッキングします。そのイベントはステップ 2 で示したアクションのイベント (JavaScript の 'event' で示される) です。 よって、 'event' パラメーターのプレースホルダー値を変更する必要があるでしょう (また、他の 3 つのパラメーターを削除できます)。
    <head>Your page title 
    </head>

    <body>
    <script>Your UET tag is here.</script>

    <script>
       function GetCustomEvent() {
       window.uetq = window.uetq || [];
       window.uetq.push ('event', 'downloadbuttonclick', {});
       }
    </script>

       ...
    <button OnClick="GetCustomEvent()>Download now</button>

       ...
    </body>
  6. 編集した Web サイトのコードを保存して設置します。
カスタム イベントを使った作業のヒント expando image
  • uetq は、ページが読み込まれた際に UET 追跡コードによってインスタンスが作成された JavaScript オブジェクトです。
  • <script></script> タグ内のコードは、ユーザーアクション (たとえばボタンのクリックなど) が完了した際に、インスタンスが作成されるはずです。 onclick イベントに直接つながっているか、または onclick イベントにつながっている JavaScript 関数の中に入っている可能性があります。
  • たとえイベント アクションをレポートしていなくても、コマンド 'event' は常に必要です。 そうしたケースでは、イベント アクションを次のいずれかに設定することができます。
    • Empty。 次に例を示します。
      <script>
         window.uetq = window.uetq || []; 
         window.uetq.push('event', '', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'});  
      </script>
    • 将来のイベント アクションを特定するのに役立つかもしれない次のアクションの 1 つ:
      add_payment_info, add_to_cart, add_to_wishlist, begin_checkout, checkout_progress, exception, generate_lead, login, page_view, purchase, refund, remove_from_cart, screen_view, search, select_content, set_checkout_option, share, sign_up, timing_complete, view_item, view_item_list, view_promotion, view_search_results
      次に例を示します。
      <script>
         window.uetq = window.uetq || []; 
         window.uetq.push('event', 'add_payment_info', {'event_category': 'Replace_with_Event_Category', 'event_label': 'Replace_with_Event_Label', 'event_value': 'Replace_with_Event_Value'});  
      </script>
  • イベント アクションを追跡しているだけであれば、他のパラメータ―をコードから削除できます。 次に例を示します。
    <script>
       window.uetq = window.uetq || []; 
       window.uetq.push('event', 'Event action', {});  
    </script>
  • 以下については、文字列を使用することができます: Replace_with_Event_Category、Event action、Replace_with_Event_Label。
  • 数値であることから、見積もりせずにイベントの値を送信することができます。 例:<button onclick="window.uetq = window.uetq || []; window.uetq.push({ 'event_category':'Video', 'event':'Play', 'event_label':'Product Demo', 'event_value':5 });">Play</button>. イベントの値 5 は見積もりせず渡されます。
  • カスタム イベントで変数収益を渡すこともできます。 詳細については、「UET を使って変数収益をレポートする方法」を参照してください。
注意
  • カスタム イベントが「UET タグ ヘルパー」を使用して機能していることを確認できます。
  • Web ページの本文中に JavaScript の UET タグ トラッキング コードをインストールしたカスタム イベントの例を見るには、この Web ページ (英語のみ) にアクセスし、Web ページ内で右クリックし、お使いのブラウザーに応じて [ソースの表示] または [ページ ソースの表示] をクリックしてください。 このページでは、いくつかのボタンが表示されます。 各ボタンをクリックすると、カスタム イベントがトリガーされます。 Fiddler などのサードパーティの監視ツールを使用している場合は、各カスタム イベントをレポートするために、bat.bing.com に HTTP 要求が生成されているのがわかります。
  • Web ページが読み込まれると、UET タグがトリガーされ、大量の HTTP 要求が発生します。 最も重要なリクエストは "bat.bing" ("http://bat.bing.com/action/0?ti=..." など) へのものです。 このリクエストは、ユーザーが Web ページにアクセスしたことを Microsoft Advertising に知らせるものです。 Fiddler などの第三者ツールを使用して、Web ページを読み込むときにブラウザーが生成するリクエストをすべて監視することができます。
  • カスタム イベントでは、同様に Microsoft Advertisingにレポートする追加の HTTP リクエストがトリガーされます。 このリクエストは bat.bing と同様のものですが、カスタム イベントをレポートするためパラメーターが異なっています (ページ アクセスだけの場合とは逆)。

See more videos...