使用 Google Tag Manager 設定 UET 標籤
使用 Google Tag Manager 設定 UET 標籤
協力廠商標籤管理員可讓您在單一位置管理網站標籤。了解如何使用 Google Tag Manager 設定 UET 標籤。
注意
- 我們建議透過 Google Tag Manager 使用直接整合,這比其他選項更易於使用。深入了解:
使用直接整合設定 UET 與 Google Tag Manager
- 本文顯示如何使用 Google Tag Manager 進行 UET 標籤的基本設定。
Google Tag Manager 會提供多項進階功能,以自訂觸發標籤的時機與方式。如需詳細資訊,請參考 Google 的
標籤管理員說明。
- 對於 Google Tag Manager 的程序或文件,或是 Google Tag Manager 的程序或文件所發生的變更,
Microsoft Advertising 概不負責。
標籤管理工具會將靜態標籤取代成更好執行及更新的動態標籤。動態標籤是一個容器:一小片段可讓您在自己的網站中動態插入標籤的程式碼。您可以將容器標籤想成裡面會裝其他類型標籤的貯體。
在 Google Tag Manager 上為頁面載入事件新增基底 UET 頁面
若要讓 Google Tag Manager 傳送資訊到 Microsoft Advertising,您必須在 Google Tag Manager 中建立一個「容器」,然後在當中新增 Microsoft Advertising UET 標籤。
以下說明如何開始使用會在所有頁面上觸發的基本 UET 標籤:
- 在 Google Tag Manager 中設定帳戶時,請在 [容器名稱] 方塊中輸入您網站的 URL。
- 從這個容器工作區的 [概觀] 頁面,選取工具列中的容器識別碼 (格式會類似 "GTM-XXXXXX")。您會看到 Google Tag Manager 容器代碼和指示。
- 複製容器程式碼並貼到您網站
每個頁面的標題或內文區段中。
- 返回容器工作區的 [總覽] 頁面,選取 [新增代碼]。
- 在 [代碼設定] 窗格中,選擇要開始設定的代碼類型。
- 搜尋 Microsoft Advertising 通用事件追蹤
。
- 確保將追蹤類型設定為 UET 設定/頁面檢視 (必要)。您只需要新增此追蹤類型的一個標籤,而且必須在所有頁面上觸發該標籤。
注意
選取 [標籤設定] (適用於基本標籤) 底下的 [啟用頁面檢視事件自動追蹤] 核取方塊 ,以自動追蹤瀏覽時的頁面檢視事件。
- 輸入您的 Microsoft AdvertisingUET 標籤識別碼
。在 Microsoft Advertising 中選取 [成交追蹤] > [UET 標籤],即可查到該標籤識別碼。
- 如果您在網頁上有一個以上的 UET 標籤追蹤代碼,請在您想要 Google Tag Manager 追蹤的 UET 標籤指令碼內將
全域事件追蹤物件名稱輸入至 [UETQ 變數識別碼] 方塊中。否則,請使用預設的 uetq 值。深入了解
建立多個 UET 標籤的原因,以及
如何重新命名 uetq 事件追蹤器。
注意
- 如果您沒有使用不同的 uetq 變數,則 UET 標籤協助程式會傳回「此網頁上有多個 UET 標籤使用相同的事件名稱」的問題。如果您在網站上放置多個標籤,而其中一個標籤是透過 Google Tag Manager 實作的,則 UET 標籤協助程式可能會偵測不到「此網頁上有多個 UET 標籤使用相同的事件名稱」的問題。
- 如果您已在自己的網站上實作 UET 標籤追蹤程式碼,建議您先移除該追蹤程式碼,然後才在 Google Tag Manager 中新增頁面檢視 UET 標籤。
- 在 [觸發] 窗格中,選取鉛筆圖示,然後選取 [所有頁面]。標籤必須至少有一個觸發條件才能啟動。在執行階段會評估觸發條件,並在符合觸發條件時才會觸發。選取 [儲存]。
- 輸入 [代碼名稱],然後選取 [儲存]。
- 在容器工作區的工具列中,選取 [提交] > [發佈] 以啟用代碼並新增版本。
- 在 Microsoft Advertising 中,選取 [成交追蹤 > UET 標籤] 以驗證您是否收到成交數。通常最多需要 24 小時才能驗證標籤。
- 使用 UET 標籤協助程式,瀏覽您的網站並確認所有頁面都會觸發 UET 頁面載入事件。
使用 Google Tag Manager 新增 UET 自訂事件
重要
如要使用 Google Tag Manager,為
收入變數或動態再行銷之類的案例設定
自訂事件,您必須已依上節說明,將 UET 標籤新增到 Google Tag Manager 中。
自訂事件需要使用動態值,因此您必須告訴 Google Tag Manager 該如何讀取這些值。
-
設定 Google Tag Manager 個變數以從頁面 讀取動態值
:雖然 Google Tag Manager 支援許多類型的變數 (讀取自 html 元素、函式、JavaScript 變數、資料層變數等),但在這個範例中,我們會設定 Google Tag Manager 個變數來讀取資料層變數。
- 瀏覽我們的 Google Tag Manager範例頁面 (僅提供英文版),在網頁中按一下滑鼠右鍵,然後根據您使用的瀏覽器,選取 [檢視原始檔] 或 [檢視網頁原始碼]。您即會看到下列變數:
收入追蹤:
<script> dataLayer.push({ 'event': 'Purchase', 'revenue_value': 55.55, 'currency': 'USD', 'transaction_id': 'tid123456', }); </script>
動態再行銷和其他案例:
<script> dataLayer.push({ 'event': 'Purchase', 'ecomm_prodid': ['abc123', 'xyz456'], 'ecomm_pagetype': 'purchase', 'ecomm_totalvalue': 55.55, 'currency': 'USD', 'items': [{ 'id': 'abc123', 'price': 11.11, 'quantity': 1 }, { 'id': 'xyz456', 'price': 22.22, 'quantity': 2 }], 'transaction_id': 'tid123456', }); </script>
重要
您必須確定
「自己的」網站程式碼中的變數和案例 (例如,自訂事件成交、變動收入或動態再行銷) 所需的自訂事件需要的參數相符。以此範例而言,即假設您的網站中有上述參數,而您希望讓 Google Tag Manager 讀取這些參數。
- 在您 Google Tag Manager 容器的工作區中,選取 [變數]。
- 在 [使用者定義的變數] 下,選取 [新增]。
- 在 [變數設定] 窗格中,選取鉛筆圖示。
- 在 [網頁變數] 下,選取 [資料層變數]。
- 在 [變數名稱] 方塊中,輸入您在資料層中為這個變數所取的名稱。在我們的範例中,這會是下列其中一項:
ecomm_prodid、
ecomm_pagetype、
ecomm_totalvalue、
currency、
items 或 transaction_id。
- 為變數指派名稱,然後選取 [儲存]。例如,
ecomm_prodid 的變數被命名為「Product IDs」。
- 重複上述程序,為您在 Microsoft Advertising 中使用的案例所需的每個參數各建立一個新變數。
-
設定觸發條件:
- 在您 Google Tag Manager 容器的工作區中,依序選取 [觸發條件] 和 [新增]。
- 在 [觸發條件設定] 窗格中,選取鉛筆圖示,然後選取 [自訂事件]。
- 輸入
事件名稱,然後選取 [儲存]。在我們的範例中,事件名稱為「Purchase」。
- 輸入 [觸發條件名稱],然後選取 [儲存]。
重要
- 您在 Google Tag Manager 中的觸發條件,必須與您網頁上撰寫的可能互動相符。
- 請查看我們的 Google Tag Manager範例頁面中的範例。在這個頁面上,我們已針對按鈕的點選撰寫了程式碼。請在該網頁中按一下滑鼠右鍵,然後根據您的瀏覽器選取 [檢視原始檔] 或 [檢視網頁原始碼],並尋找具有 id=btnCustomEvent 的程式碼。
-
在 Google Tag Manager 中設定自訂活動成交追蹤
:這會是個將事件變數和您剛建立的觸發條件綁在一起的自訂事件代碼。
- 在 Google Tag Manager 中,建立新的標籤,然後選擇 [Bing Ads 通用活動追蹤] 作為標籤類型。
- 從 [活動類型] 下拉式清單中選取 [自訂]。
- 針對 [類別]、
[動作]、
[標籤] 和 [值] 設定的值應符合您 Microsoft Advertising 帳戶中的成交目標所設定的值。
- 在 [標籤排序] 底下,選取 [觸發 Microsoft Ads 變動收入前先觸發標籤] 核取方塊。從 [設定標籤] 下拉式清單中選取 [Microsoft Ads UET 標籤]。
- 在設定標籤之前,請先確認已設定您設定的觸發條件,以確保它會在發生自訂活動的頁面上正確觸發。
- 從標籤右上方選取 [儲存]。
-
發佈您的變更:在 Google Tag Manager 容器工作區的工具列中,選取 [提交] > [發佈]。
-
檢查您網站的程式碼:確認您已將下方的變數新增到顧客完成事件 (例如確認購買產品) 所在網頁上的資料層。在上述範例中:
<script> dataLayer.push({ 'event': 'Purchase', 'ecomm_prodid': ['abc123', 'xyz456'], 'ecomm_pagetype': 'purchase', 'ecomm_totalvalue’: 55.55, 'currency’: ‘USD’, 'items': [{ 'id': 'abc123', 'price': 11.11, 'quantity': 1 }, { 'id': 'xyz456', 'price': 22.22, 'quantity': 2 }], 'transaction_id': 'tid123456', }); </script>
-
驗證您的 UET 標籤:請使用 UET 標籤協助程式,確認您的網站會引發事件以及事件中對應的參數。