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 サイトホスティングサービスを使用していますか? この記事の「Web サイトプラットフォームを使用して UET タグ追跡コードを追加する」セクションを参照してください。

上部のメニューで [ ツール]、[ UET タグ] の順に選択します。

新しい Microsoft Advertising ナビゲーションを使用している場合は、左側のナビゲーションメニューの [コンバージョン] 上でホバーし、 [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. 上部のメニューで [ ツール]、[ コンバージョン目標] の順に選択します。
  
  新しい Microsoft Advertising ナビゲーションを使用している場合は、左側のナビゲーションメニューの [コンバージョン] 上でホバーし、 [コンバージョン目標] を選択します。
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. カスタムイベントをログする際にレポートするパラメーターを選択し、使用するもののそれぞれに文字列または数値を割り当てます。次のようなパラメーターが考えられます:
  - カテゴリ: 追跡するイベントのカテゴリです。たとえば、サイトのページでドキュメントのダウンロードを追跡するとします。この例では、カテゴリを " downloads" とできます。
  - アクション: 追跡するユーザーアクションの種類です。ここでの例では、" downloadbuttonclick" です。
  - ラベル: アクションの原因となった要素の名前です。ここでの例では、" document05" です。
  - 値: 当該イベントに関連付けられた数値です。ここでの例では、ドキュメント内のページ数は "4" です。
    イベントの値は、0 から 9999999 までの小数点以下 3 桁までの任意の値にできます。
  重要
  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' は、イベントアクションを何も報告しない場合でも常に必要です。その場合は、イベントアクションを次のいずれかのとおり設定できます:
- 空。例：
```
<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>
```
- 次のアクションのいずれかは、今後イベントアクションを特定するのに役立つ可能性があります:
  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 ページ本文中にインストールされたカスタムイベントの UET タグトラッキングコードの例を確認するには、こちらの 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 を使ってカスタムイベントを追跡する方法

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