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

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

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

要件

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

JavaScript UET タグ: Microsoft Advertising UET タグを作成し、その UET タグトラッキングコードを Web サイトの全ページに追加します。
- JavaScript は、コンバージョントラッキングとリマーケティングのすべての機能にアクセスするために必要です。 JavaScript 以外のタグを使用している場合は、JavaScript タグに切り替えてください。
Web サイトのコードを編集する機能: 自分または Web マスターが Web サイトコードを編集できることを確認します。

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

手順 1: UET タグトラッキングコードをユーザーの Web サイトに追加する expando image

注意

Google タグマネージャーを使用していますか? 「Google タグマネージャーで UET タグを設定する」を確認します。
異なるタグマネージャーを使用していますか? この記事の「タグマネージャーを使用して UET タグトラッキングコードを追加する」を参照してください。
Web サイトホスティングサービスを使用していますか? この記事の「UET タグトラッキングコードをご自身の Web サイトプラットフォームに直接追加する」を参照してください。

Microsoft Advertising の左側のナビゲーションウィンドウで、[コンバージョントラッキング]、[UET タグ] の順にクリックします (またはページトップのグローバルメニューから、[ツール]、[UET タグ] の順にクリック)。
使用したいタグを検索し、[アクション] 列で、[タグを表示] をクリックします。
[コピー]をクリックします。

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 で 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>

このコードスニペットに関数名を付けます。関数名は、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>

適切なアクションが発生したときにこの関数を呼び出すように、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>

カスタムイベントの 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>

追加した 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>
```
編集した 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 と同様のものですが、カスタムイベントをレポートするためパラメーターが異なっています (ページアクセスだけの場合とは逆)。

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

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

要件

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

注意

注意

注意

重要

注意

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

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

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