使用 Google 代碼管理工具設定 UET 標籤

使用 Google 代碼管理工具設定 UET 標籤

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

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

使用 Google 代碼管理工具實作 UETexpando image

若要從 Google 代碼管理工具傳送資訊傳送到 Bing Ads,您必須在 Google 代碼管理工具中建立一個容器,然後在當中新增 Bing Ads UET 標籤。方法如下:

  1. 在 Google 代碼管理工具中建立帳戶。
  2. 按一下 [帳戶] 頁面上,按一下三點圖示,然後選取 [建立容器]
  3. 按一下新建立的容器以移至 [工作區] 頁面。
  4. 按一下工具列中的容器名稱 (格式為 "GTM-XXXXXX")。您將會看到 Google 代碼管理工具容器的程式碼與使用說明。
  5. 將容器程式碼複製並貼到您網站程式碼的 head 或 body 區段中。
  6. [工作區] 頁面上,按一下 [新增代碼]
  7. 選取 [代碼設定],然後按一下 [Bing Ads 通用活動追蹤]
  8. 輸入 [Bing Ads UET Tag ID] (Bing Ads UET 標籤 ID)。您可以在 Bing Ads 中選取 [成交追蹤] > [UET 標籤] 來找到該標籤。
  9. 如果您的網頁上有多個 UET 標籤追蹤程式碼,請輸入 [UETQ 變數 ID]。否則,請使用預設值 "uetq"。
    1. 深入了解會需要建立多個 UET 標籤的原因以及如何重新命名 uetq 事件追蹤器
    2. 注意:如不使用不同的 uetq 變數,UET 標籤協助程式就會傳回 "Multiple UET tags on this webpage use the same event name" (這個網頁上有多個 UET 標籤使用相同的事件名稱) 的問題。
  10. [事件類型] 選取 [頁面載入],但如果您有自訂的成交目標或是設定了變動收入回報,請參閱下文的<進階>一節。
  11. [觸發] 下,選取 [所有頁面] / [頁面檢視],尤其是當觸發條件是用於 [頁面載入] 事件類型時。要讓標籤觸發,就必須至少為標籤設定一個觸發條件。系統會在執行階段評估觸發條件,並在觸發條件成立時觸發標籤。
  12. 按一下 [儲存]
  13. 按一下 [發佈] 以啟用標籤並新增版本。
  14. 在 Bing Ads 中,選取 [成交追蹤] > [UET 標籤] 來確認您已在接收成交資料。要確認一個標籤通常最多需要 24 小時的時間。
  15. 使用 UET 標籤協助程式即時驗證標籤已正確設定,如果標籤沒有作用,則對問題進行疑難排解。

進階:使用 Google 代碼管理工具回報 UET 自訂事件與變動收入expando image
重要

若要使用 Google 代碼管理工具設定自訂事件收入變數,您網站的程式碼中必須已有 UET 追蹤程式碼,且您必須已依上節說明將 UET 標籤新增至 Google 代碼管理工具。

  1. 設定 Google 代碼管理工具變數來讀取您頁面中的動態值:雖然 Google 代碼管理工具支援許多變體 (讀取自 html 元素、函式、變數等),但在這個範例中,我們將會設定 Google 代碼管理工具變數來讀取 JavaScript 變數。
    1. 造訪我們的 Google 代碼管理工具範例頁面 (只有英文版)、在網頁中按一下滑鼠右鍵,然後按一下 [檢視原始檔][檢視網頁原始碼] (視您是使用什麼瀏覽器而定)。您會看到下列變數︰
      <script>
         var varEventCategory = "MyCategory";
         var varEventAction = "MyAction";
         var varEventLabel = "MyLabel";
         var varEventValue = 5;
         var varRevenue = 6;						
      </script>

      假設您的網站中有相同的變數,而您希望 Google 代碼管理工具讀取這些變數。
    2. 在您 Google 代碼管理工具容器的 [工作區] 頁面中,按一下 [變數]
    3. [使用者定義的變數] 下,按一下 [新增]
    4. 將變數命名為 "MyCategory" (也就是我們範例中第一個變數)。
    5. [選擇變數類型] 下,選取 [JavaScript 變數]
    6. [全域變數名稱] 方塊中輸入變數,即這個範例中的 "varEventCategory"。
    7. 重複此程序,為每個要追蹤的自訂事件與變數各建立一個新變數。
  2. 設定觸發條件:在您 Google 代碼管理工具容器的 [工作區] 頁面中,按一下 [觸發條件],然後按一下 [新增]。Google 代碼管理工具觸發條件必須與您網頁上所編寫的可能互動相對應。例如,我們的 Google 代碼管理工具範例頁面中就編寫了按下按鈕的動作。在該網頁中按一下滑鼠右鍵,按一下 [檢視原始檔][檢視網頁原始碼] (視您是使用什麼瀏覽器而定),然後尋找 "id=btnCustomEvent" 的程式碼。
  3. 建立新代碼:在您 Google 代碼管理工具容器的 [工作區] 頁面中,按一下 [代碼],然後按一下 [新增]。加上您新建立的變數 (步驟1) 和觸發條件 (步驟 2)。
  4. 發佈您的變更:在您 Google 代碼管理工具容器的 [工作區] 頁面中,按一下右上角的 [發佈]
  5. 檢查您網站的程式碼:確認您已將自己網站的程式碼更新成以正確的變數回報自訂事件和變動收入。在我們的範例中,就是:
    <script>
       var varEventCategory = "MyCategory";
       var varEventAction = "MyAction";
       var varEventLabel = "MyLabel";
       var varEventValue = 5;
       var varRevenue = 6;						
    </script>
  6. 驗證您的 UET 標籤:使用 UET 標籤協助程式即時確認變動收入和自訂事件已在觸發。

See more videos...