如何使用 UET 追蹤自訂事件

如何使用 UET 追蹤自訂事件

了解如何建立自訂事件,以便對單一網頁追蹤多種類型的成交。

Microsoft Advertising 可讓您將網站上的自訂事件 (例如,使用者訂閱電子報或下載白皮書) 當作成交進行追蹤。若要深入了解,請參閱 為何要追蹤自訂事件

需求

開始設定自訂事件前,請先確認您具有︰

如何設定自訂事件

步驟 1將 UET 標籤追蹤程式碼新增至您的網站expando image
  1. 在 Microsoft Advertising 的左側導覽窗格中,按一下 [成交追蹤],然後按一下 [UET 標籤] (或是在頁面頂端的全域功能表中,按一下 [工具],然後按一下 [UET 標籤])。
  2. 找到您想要使用的標籤,然後在 [動作] 資料欄位中按一下 [檢視標籤]
  3. 按一下 [複製]
  4. 在您網站的程式碼中,將標籤貼到下列其中一個位置:
    <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. 為成交目標取名、在 [類型] 的部分選取 [事件],然後按 [下一步]
    4. 為每個要使用的參數各指派一個文字字串或數值,藉以選擇記錄自訂事件時所要回報的參數。可能的參數為:
      • 類別:您想追蹤的事件的類別。假設您想要追蹤自己網站上某份文件的下載人次。就這個範例而言,類別可以設成 "downloads"。
      • 動作:您想追蹤的使用者互動類型。就我們的範例而言,這是 "downloadbuttonclick”。
      • 標籤:導致動作發生的元素名稱。就我們的範例而言,這是 "document05”。
      • :與該事件關聯的數值。就我們的範例而言,這是文件的頁數:"4"。
        事件值可以是 0 至 9999999 之間的任何 3 位小數位數值。

      注意

      您會將 UET 標籤追蹤程式碼自訂成符合這裡所定義的值 (步驟 3 將有說明)。如此一來,Microsoft Advertising 才能將 UET 所記錄到符合這些值的自訂事件計為成交。

    5. 為這個自訂事件目標選取 [收入值][計數][成交期間]
    6. [UET 標籤] 的部分,選取您在步驟 1 中新增到自己網站中的 UET 標籤。
    7. 按一下 [儲存]

    注意

    我們每次偵測到與您成交目標相符的動作,就會計為一次成交。

  • 為自訂事件建立再行銷清單:
    1. 在 Microsoft Advertising 的左窗格中,按一下 [共用的廣告庫],然後按一下 [客群] (或是在頁面頂端的全域功能表中,按一下 [工具],然後按一下 [客群])。
    2. 按一下 [建立再行銷清單]
    3. [要將誰新增至您的客群] 的部分,選取 [自訂事件]
    4. 為每個要使用的參數各指派一個文字字串或數值,藉以選擇記錄自訂事件時所要回報的參數。可能的參數為:
      • 類別:您想追蹤的事件的類別。假設您想要追蹤自己網站上某份文件的下載人次。就這個範例而言,類別可以設成 "downloads"。
      • 動作:您想追蹤的使用者互動類型。就我們的範例而言,這是 "downloadbuttonclick”。
      • 標籤:導致動作發生的元素名稱。就我們的範例而言,這是 "document05”。
      • :與該事件關聯的數值。就我們的範例而言,這是文件的頁數:"4"。
        事件值可以是 0 至 9999999 之間的任何 3 位小數位數值。

      重要

      您會將 UET 標籤追蹤程式碼自訂成符合這裡所定義的值 (步驟 3 將有說明)。如此一來,Microsoft Advertising 才能將 UET 所記錄到符合這些值的自訂事件計為成交。

    5. 設定 [成員資格持續時間],讓 Microsoft Advertising 知道應往回追溯多久來尋找符合您再行銷清單定義的動作,以便將做出該動作的人新增到清單中。
    6. [標籤名稱] 的部分,選取您在步驟 1 中新增到自己網站中的 UET 標籤。
    7. 按一下 [儲存]
    8. 將客群與廣告活動或廣告群組建立關聯將這份再行銷清單與廣告群組產生關聯
步驟 3修改您網站中的 UET 標籤追蹤程式碼expando image
承步驟 2 中的範例,假設您要在網頁上追蹤的自訂事件是有人點選「立即下載」(Download Now) 按鈕 (這會是上文所述的 [動作] 事件)。
  1. 在您於步驟 1 新增到網頁程式碼中的 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. 為這段程式碼片段取個函式名稱。函式名稱可以是任何尚未在您網站中使用的名稱。在這個範例中,我們要將它命名成 "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. 現在,您必須自訂網頁的程式碼,以在適當動作出現時呼叫這個函式。在我們的範例中,自訂事件是點選「立即下載」(Download now) 按鈕,因此我們需要在該按鈕的程式碼中新增一項呼叫:
    <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 <nolocalize><c_data><font color="ff0027" size="2">OnClick="GetCustomEvent()"</font></c_data></nolocalize>>Download now</button>

       ...
    </body>
  4. 請注意,這個自訂事件 JavaScript 中有四個不同的參數:'event'、'event_category'、'event_label' 和 'event_value'。這些參數分別與您在步驟 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' 參數的預留位置值 (其餘三個參數則可以刪除):
    <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. 儲存並部署編輯完的網站程式碼。
自訂事件使用提示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 的部分可使用任何字串值。
  • Event velue (事件值) 如果是改成數值,可以不加引號。例如,<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 標籤協助程式來驗證自己的自訂事件已在作用。
  • 若要查看已安裝在網頁 body 區段中的自訂事件 UET 標籤追蹤程式碼範例,請造訪這個網頁 (只有英文版)、在網頁中按一下滑鼠右鍵,然後按一下 [檢視原始檔][檢視網頁原始碼] (視您是使用什麼瀏覽器而定)。在範例網頁上,您還會看到一些按鈕。這些按鈕只要被按下,都各會觸發一個自訂事件。如果您使用 Fiddler 之類的協力廠商監控工具,就會看到有 HTTP 要求向 bat.bing.com 發出以回報每個自訂事件。
  • 您的網頁載入時,會觸發 UET 標籤來產生一些 HTTP 要求。其中最重要的要求便是對 "bat.bing" 發出的要求 (長得像 "http://bat.bing.com/action/0?ti=..." 的要求)。這項要求在告訴 Microsoft Advertising 有使用者造訪了您的網頁。若要監控您的瀏覽器在網頁載入時所提出的一切要求,可以使用 Fiddler 之類的協力廠商工具。
  • 如果是自訂事件,則還會觸發一個 HTTP 要求來向 Microsoft Advertising 回報該自訂事件。該要求與 bat.bing 類似,差異在有不同的參數來回報自訂事件 (而非只是回報頁面造訪)。

See more videos...