使用 Adobe Launch 設定 UET 標籤

使用 Adobe Launch 設定 UET 標籤

您可以利用協力廠商的標籤管理工具,在單一位置管理自己的網站標籤。了解如何使用 Adobe Launch 設定 UET 標籤。
注意
  • 本文說明如何使用 Adobe Launch 進行基本的 UET 標籤設定。Adobe Launch 提供了多項進階功能來自訂觸發標籤的時機與方式。如需詳細資訊,請參閱 Adobe 支援中心
  • 對於 Adobe 的程序或文件,或是 Adobe 的程序或文件所發生的變更,Bing Ads 概不負責。

標籤管理工具會將靜態標籤取代成更好實作及更新的動態標籤。所謂的動態標籤是個容器,以一小段程式碼的形式存在,可讓您在自己的網站中動態插入標籤。您可以將容器標籤想成裡頭會裝別種標籤的貯藏桶。

使用 Adobe Launch 實作 UET 標籤

  1. 在 Adobe Launch 中建立帳戶 (如果您還沒有帳戶的話)。
  2. 在 Adobe Launch 中建立資產
    1. 瀏覽至您公司的頁面,然後按一下 [New Property] (新增資產)。
    2. [Name] (名稱),為資產取個唯一的名稱。
    3. [Domain] (網域),輸入資產的根目錄網址。
    4. (選擇性) 若要讓未定義的值保留空白,而非指派預設值,請選取 [Return an empty string for undefined values of Data Elements] (針對未定義的資料元素值傳回空字串) 核取方塊。
    5. 按一下 [儲存]
  3. 在 Launch 管理主控台中,移至 [Extensions] (延伸模組) 索引標籤,然後按一下 [Catalog] (目錄)。
  4. 搜尋 "Bing Ads UET Tag" (Bing Ads UET 標籤),然後按一下 [Install] (安裝)。
  5. [Install Extension] (安裝擴充功能) 頁面中,輸入您的 Bing Ads UET 標籤 ID,然後修改標籤設定 (啟用瀏覽時間度量、成交追蹤 Cookie、更新全域事件追蹤名稱;建議您在成效設定與 Cookie 部分保留預設設定)。注意:在您的 Bing Ads 帳戶中選取 [成交追蹤] > [UET 標籤],即可找到 UET 程式碼。
  6. 按一下 [儲存]。您現在可以在 [Extensions] (擴充功能) > [Installed] (已安裝) 下找到新安裝的 "Bing Ads UET Tag" (Bing Ads UET 標籤) 擴充功能。
  7. 移至 [Rules] (規則) 索引標籤,然後按一下 [Create New Rule] (建立新規則),確保每次頁面被檢視時都會傳送 UET 事件。
  8. 為規則取個名稱,然後使用下列條件設定該規則:
    1. 建立一個新事件,然後將 [Event Type] (事件類型) 設為 [DOM Ready] (適用於 DOM)。
    2. 建立一個新動作,然後在 [Extension] (擴充功能) 選取 [Bing Ads UET Tag] (Bing Ads UET 標籤),並在 [Action Type] (動作類型) 選取 [Base Tag] (基底標籤)。
  9. 如果您會使用任何需要用到自訂事件的功能 (例如,回報變動收入、自訂事件再行銷清單、產品客群),就必須為任何會從頁面擷取值的事件,再另外建立規則和資料元素。如果不會,請跳到下一步。
    1. 移至 [Data Elements] (資料元素) 索引標籤,然後按一下 [Create New Data Element] (建立新的資料元素)。(資料元素可讓您建立在頁面上常用項目的資料對應關係;建議您先建立資料元素、然後設定規則,最後才對資料元素綁定動作參數。)
    2. 輸入名稱,然後定義資料元素。
    3. 按一下 [儲存]
    4. 移至 [Rules] (規則) 頁面,然後按一下 [Add Rule] (新增規則)。
    5. 依您本身的情況設定規則:
      • [Events] (事件),選取觸發自訂參數的方式 (例如,在頁面被點選時)。
      • [Actions] (動作),選取應透過 UET 傳送的值。如果您會使用自訂參數,就必須在 [Extension] (擴充功能) 選取 [Bing Ads UET Tag] (Bing Ads UET 標籤),並在 [Action Type] (動作類型) 選取 [Custom Event] (自訂事件)。接著,在右側新增參數。
      • 如果您會使用事件動作參數 (以建置自訂事件再行銷功能或是追蹤成交資料),就必須設定 [Select event action] (選取事件動作) 欄位。
  10. 移至 [Publishing] (發佈) 索引標籤。
  11. [Developement] (開發) 下,按一下 [Add New Library] (新增程式庫)。
  12. 輸入名稱、選取要部署到的開發環境,然後新增您稍早建立的資源 (例如,擴充功能、資料元素和規則)。
  13. 按一下 [儲存]
  14. 建置並部署到所指定的開發環境。
  15. 將環境的檢測片段內嵌到您的測試頁面中。在 [Environments] (環境) 頁面上按一下 [Install] (安裝) 按鈕,即可找到檢測片段。
  16. 移至您的頁面,確認資料元素和規則都運作正常。使用 UET 標籤協助程式確認所有事件與參數都會透過 UET 正確傳送。
  17. 確認測試頁面沒問題後,請返回 Adobe Launch,然後在 [Publishing] (發佈) 索引標籤中發佈變更。
  18. 移至 [Environments] (環境) 頁面取得供 [Production] (生產) 環境使用的 Adobe Launch 指令碼片段,然後將新片段插入您網站的程式碼中。

範例

若要查看已安裝在網頁 body 區段中的 Adobe Launch UET 標籤範例,請造訪我們的 Adobe Launch 範例頁面 (只有英文版)、在網頁中按一下滑鼠右鍵,然後按一下 [檢視原始檔][檢視網頁原始碼] (視您是使用什麼瀏覽器而定)。

該頁面已設定來支援:

  • 供成交目標記錄的變動收入
  • 產品客群:產品 ID 和頁面類型
  • 再行銷清單所需的自訂事件

頁面中有個 JavaScript 變數 "cart",負責儲存購物車的內容,並會在您按一下 [Submit] (提交) 按鈕時將相關值傳送給 UET。以下是該網站的程式碼中,這個變數所長的樣子:

var cart = {
    'currency': 'USD',
    'total': product.price * product.quantity,
    'transaction_id': '105305b2-134f-4479-a2c3-b456170d060c',
    'items': [ product ]
};
		 

讓我們設定 Adobe Launch 來回報範例頁面的參數。

  1. 在 Adobe Launch 中,建立一個新的資料元素來定義儲存自訂參數值的位置。舉 transaction_id 為例:將 [Data Element Type] (資料元素類型) 設為 [JavaScript Variable] (JavaScript 變數),並將 [Path to variable] (變數路徑) 設為 [cart.transaction_id]
  2. 針對頁面上的每個自訂參數重複此程序:currency、revenue value 和 items。
  3. 建立一個規則以在您執行特定動作時觸發 UET 事件。在我們的範例中,您只要按一下按鈕,就會觸發各種自訂參數 (例如事件類別和產品 ID)。
    1. [Events] (事件) 下,按一下 [Add] (新增) 來決定觸發規則的時機。
    2. [Event Type] (事件類型) 設為 [Click] (按一下),並將 [Element matching the CSS selector] (與 CSS 選取器相符的元素) 設為 "#purchase" (頁面中的 JavaScript 元素)。
    3. [Actions] (動作) 下,按一下 [Add] (新增) 來決定要觸發的項目。
    4. [Extension] (擴充功能) 選取 [Bing Ads UET Tag] (Bing Ads UET 標籤),並在 [Action Type] (動作類型) 選取 [Custom Event] (自訂事件)。
    5. [Select event type] (選取事件類型) 選取 [Purchase] (購買)。
    6. 繼續新增所有要讓頁面傳送的參數,並為每個參數選取相符的資料元素。例如,為 [Item] (項目) 選取 [transaction_id]
  4. 移至 [Publishing] (發佈) 索引標籤,然後在 [Developement] (開發) 下按一下 [Add New Library] (新增程式庫)。
  5. 輸入名稱,然後新增稍早建立的資源 (擴充功能、資料元素、規則)。
  6. 按一下 [儲存]
  7. 建置並部署到開發環境。
  8. 將環境的檢測片段內嵌到您的測試頁面中。在 [Environments] (環境) 頁面上按一下 [Install] (安裝) 按鈕,即可找到檢測片段。
  9. 移至範例頁面,確認資料元素和規則都運作正常。在範例頁面中,您只要載入頁面一次,系統就會傳送頁面載入事件一次,但是系統要等您按一下 [Submit] (提交) 按鈕,才會傳送自訂事件。這些事件會觸發 UET 標籤,進而產生 HTTP 要求。其中最重要的要求便是對 "bat.bing" 發出的要求 (長得像 "http://bat.bing.com/action/0?ti=..." 的要求)。若要監控您的瀏覽器在網頁載入以及按鈕按下時所提出的一切要求,可以使用 Fiddler 之類的協力廠商工具。

秘訣

  • 若要在 UET 事件中傳回陣列值,建議您使用資料元素來針對陣列型參數傳回陣列物件,而非直接在參數值欄位中設定陣列值。例如,若要在 UET 事件中針對 items 參數傳回 ([{'id':'0', 'name':'a'}, {'id':'1', 'name':'b'}]) 這個陣列值,請:
    1. 建立資料元素:將 [Name] (名稱) 設為 "obj01"、將 [Extension] (擴充功能) 設為 "Core",並將 [Data Element Type] (資料元素類型) 設為 "Custom Code"。
    2. 按一下右側面板中的 [Open Editor] (開啟編輯器),然後貼上會針對這個資料元素傳回物件的 JavaScript 程式碼:"return [{'id':'0', 'name':'a'}, {'id':'1', 'name':'b'}]"。
    3. [Rule] (規則) 區段中,將 item 參數的參數值設為 "%obj01%"。

See more videos...