本文將說明如何使用 Google 代碼管理工具手動設定強化轉換，並解決驗證和導入作業的常見問題。進一步瞭解強化轉換的運作方式。
事前準備
確認已使用 Google 代碼管理工具設定 Floodlight 追蹤。
- 知道轉換代碼觸發時所在的轉換頁網址 (例如確認網頁的網址) 和轉換事件觸發條件 (例如按鈕點擊或網頁瀏覽)。
- 確保轉換追蹤代碼觸發時所在的網頁有第一方顧客數位資料 (電子郵件地址、全名、住家地址和/或電話號碼)。
- 由於這項程序需要瞭解如何在網站上設定轉換追蹤，且可能需要修改程式碼，因此請確認開發團隊能在您需要時提供協助。
- 務必詳閱 Google 的《客戶資料政策》，並同意 Campaign Manager 360 帳戶中的強化轉換服務條款和政策。進一步瞭解如何在 Campaign Manager 360 中允許強化轉換。
接受服務條款前，請確認您已在要用於強化轉換的 Google 代碼管理工具容器中設定轉換追蹤代碼，否則容器可能會無法順利啟用強化轉換。
使用 Google 代碼管理工具手動設定強化轉換
建議您在使用的 Google 產品中啟用收集使用者提供資料的功能，並接受強化轉換服務條款，藉此設定強化轉換。然後透過資料管理工具，設定 Google 代碼的「允許納入使用者提供的資料」設定。瞭解如何配置 Google 代碼設定。
不過，如果您目前使用 Google 代碼管理工具進行轉換追蹤，且需要事件專屬的使用者提供資料設定，則可以設定事件代碼來覆寫代碼範圍內的使用者提供資料。
注意：在 Google 代碼管理工具中設定個別事件時，已無法再勾選「納入使用者在您網站上提供的資料」核取方塊。如要加入這項資訊，請使用自訂使用者資料變數，手動將 user_data 新增至「事件參數」。
如要在 Google 代碼管理工具中，對事件代碼導入強化轉換，有以下 3 種主要做法：
- 搭配使用「手動設定」與 CSS 選取器或現有的資料層變數，不需變更網頁程式碼 (如果無法使用「自動」選項，則建議採用這個做法)。
- 對於使用 Google 代碼管理工具導入強化轉換功能來說，這是最簡單的方式，因為只要轉換頁上有電子郵件地址等顧客數位資料，通常就不必修改網頁程式碼。
- 如果您經常變更網站程式碼，尤其是轉換頁上的格式設定或 CSS 選取器，可以考慮改用資料層變數或「程式碼」選項 (請見下文)，因為修改網站格式可能會影響 CSS 選取器運作。
- 使用「程式碼」方法傳送單一資料物件中的所有資料 (這個做法可能需要變更網頁程式碼)。
- 您可以使用轉換頁上的 JavaScript 變數，將強化轉換做為單一資料物件導入，但必須先在轉換頁上將想利用強化轉換標記傳送的顧客數位資料 (例如電子郵件地址、電話號碼等) 定義為全域 JavaScript 變數。
- 如果您想使用 JavaScript 變數來傳送資訊，或是轉換頁上沒有顧客數位資料 (例如資料位於先前的頁面或需要傳遞至轉換頁)，這個方法就很實用。此外，如果您經常變更網站格式，我們也建議使用這個做法，比較能彈性應對程式碼變更。
- 使用自動收集 (如果可用)。
- Google 建議使用上述其中一種手動選項以獲得最佳成效，但如果無法使用這些手動導入路徑，自動選項也是快速輕鬆的導入方式。
找出轉換頁上的強化轉換變數
- 使用 Chrome 瀏覽器前往轉換頁。
- 轉換頁是指透過現有轉換追蹤標記追蹤轉換的網頁，而該項轉換也是您想藉助強化轉換功能評估的轉換 (例如網頁 A 中的購買交易)。如果不確定這是指哪個網頁，請詢問開發人員，並找出顯示在網頁上要傳送給 Google 的顧客數位資料 (例如，網頁可能會在購買完成後顯示「感謝」訊息，並提供客戶電子郵件地址)。
- 必須提供下列至少其中一項欄位資料，強化轉換功能才能正常運作：
- 電子郵件 (建議提供)
- 地址 (如果選擇提供這項資料，名字、姓氏、郵遞區號、國家/地區皆為必填資訊)
- (選用) 電話號碼，但不可單獨提供，必須搭配電子郵件地址，或是連同全名和地址一起提供
- 在網頁上找到顧客數位資料後，您必須複製 CSS 選取器，並將其輸入至 Google 代碼管理工具 (如果有現成的資料層變數，也可使用這些變數)。這樣可確保強化轉換代碼知道要雜湊處理哪些資料，並傳送給 Google。請務必讓轉換頁分頁保持開啟。
在 Google 代碼管理工具中啟用強化轉換
在另一個分頁中開啟 Google 代碼管理工具。
- 登入 Google 代碼管理工具帳戶。
- 按一下 [工作區]，然後按一下導覽選單中的 [代碼]。
- 選取與您要導入強化轉換的 Floodlight 活動相關聯的 Google 代碼，然後修改該代碼。
- 展開「事件參數」部分，然後點選「新增參數」。
- 在「事件參數」欄位中輸入
user_data。 - 在「值」欄位中，建立「使用者提供的資料」變數。
- 在「使用者提供的資料」變數中，選取「手動設定」。
- 如要使用自訂 JavaScript 或其他資料物件透過 Google 代碼管理工具傳送資料，也可以選取「程式碼」。這種方法需要設定特定的資料格式，因此如要執行這項操作，請參閱下方的「程式碼」操作說明。頁面頂端會顯示「使用者提供的資料」，接著列出可供您納入強化轉換標記的各項客戶資料。
- 找到您想透過強化轉換提供的相關使用者資料欄位，點選下拉式選單，然後選取「新增變數」。
- 如果資料層中已有未經雜湊處理的變數 (不論使用的是 CSS 選取器或其他變數類型)，您可以選取這些變數，不建立新的變數。如果您不確定，請繼續按照相關說明操作。
- 在「變數設定」畫面中，選取「請選擇變數類型」開始設定。
- 在「請選擇變數類型」畫面中，選取「DOM 元素」，然後在「變數設定」畫面的下拉式選單中，將「選取方式」變更為「CSS 選取器」。
- 為變數命名。
- 在「元素選取器」輸入欄位中，輸入參照使用者資料的 CSS 選取器 (請參閱下文，瞭解如何找出 CSS 選取器)。「屬性名稱」欄位可留空 (詳情請見下文)。
接下來，我們將說明如何從轉換頁複製 CSS 選取器，並貼到強化轉換變數中，因此請務必讓這個頁面分頁保持開啟。
找出強化轉換 CSS 選取器，並輸入至 Google 代碼管理工具
- 返回轉換頁分頁 (但不要關閉 Google 代碼管理工具)。
- 找出要利用強化轉換功能傳送的對應顧客數位資料，對該資料按一下滑鼠右鍵並選取「檢查」，即可在 Chrome 瀏覽器中啟動 Chrome 開發人員工具。
- 舉例來說，如果您要擷取電子郵件地址，請在轉換頁顯示的電子郵件地址上按一下滑鼠右鍵。
- 在「Chrome 開發人員工具」頁面的原始碼中，系統會醒目標示一部分程式碼。這段程式碼就是必須擷取的網頁元素，也就是您以滑鼠右鍵點選的顧客數位資料的 CSS 選取器。
- 將滑鼠游標懸停在醒目顯示的程式碼上，然後按一下滑鼠右鍵。
- 向下捲動至「複製」，然後選擇「複製選取器」。
- 將文字貼到 Google 代碼管理工具的「元素選取器」欄位中。
- 文字樣式可能如下所示：
tsf > div:nth-child(2) > div.A8SBwf > div.RNNXgb > div > div.a4bIc > custEmail
- 文字樣式可能如下所示：
- 按一下「儲存」。
針對每項顧客數位資料 (電子郵件地址、姓名和地址等) 重複執行步驟 2 到步驟 8。
在 Google 代碼管理工具中使用「程式碼」設定強化轉換
識別並定義強化轉換變數
首先，確認觸發 Floodlight 轉換代碼的轉換頁中有您需要的變數 (例如電子郵件地址、地址和電話號碼)。這類轉換頁會要求顧客提供資料，像是購買頁、註冊頁或其他類似轉換類型的網頁。如果您不確定，請詢問開發人員。
確認有可用的顧客數位資料後，您必須在網頁中將資料儲存為全域 JavaScript 變數，以供強化轉換代碼使用 (詳情請參閱下一節說明)。
您必須提供下列至少其中一項欄位資料：
- 電子郵件 (建議提供)
- 地址 (名字、姓氏、郵遞區號和國家/地區皆為必填資訊)。您也可以選擇是否提供街道地址、城市和區域做為其他比對鍵
- 您也可以提供電話號碼，但必須搭配電子郵件地址，或是連同全名和地址一起提供
下表提供可定義顧客數位資料變數的詳細資訊，您可以視需要任意命名變數。「鍵名」欄會列出這些變數在強化轉換標記中的參照方式。請注意，所有資料都應以字串類型變數的形式傳送。在定義姓名和地址時，也請將每個元件定義為個別變數 (名字、姓氏等等)。
| 資料欄位 | 鍵名 (在以下的自訂 JavaScript 變數中) | 說明 |
|---|---|---|
| 電子郵件地址 | 電子郵件 |
使用者電子郵件 |
| 電話號碼 | phone_number |
使用者的電話號碼。代碼會移除符號和破折號，但號碼必須包含國家/地區代碼。 |
| 名字 | address.first_name |
使用者的名字，例如：「大明」 |
| 姓氏 | address.last_name |
使用者的姓氏，例如：「方」 |
| 街道地址 | address.street |
使用者的街道地址，例如：中正路 123 號 |
| 城市 | address.city |
使用者所在城市名稱，例如：「台北市」 |
| 區域 | address.region |
使用者所在的州/省或區域，例如：「加州」或「CA」 |
| 郵遞區號 | address.postal_code |
使用者的郵遞區號 (僅可使用 5 碼版本)，例如：「12345」 |
| 國家/地區 | address.country |
使用者的國家/地區代碼，例如：「US」。請使用符合 ISO 3166-1 alpha-2 標準的雙字母國家/地區代碼 |
在後續步驟中，您將在 Google 代碼管理工具中啟用強化轉換，並參照您剛剛建立的顧客數位資料變數。
在 Google 代碼管理工具中啟用強化轉換，並建立自訂 JavaScript 變數
- 登入 Google 代碼管理工具帳戶。
- 按一下 [工作區]，然後按一下導覽選單中的 [代碼]。
- 選取與您要導入強化轉換的 Floodlight 活動相關聯的 Google 代碼，然後修改該代碼。
- 展開「事件參數」部分，然後點選「新增參數」。
- 在「事件參數」欄位中輸入
user_data。 - 在「值」欄位中，建立「使用者提供的資料」變數。
- 在新的「使用者提供的資料變數」中，選取「程式碼」。
- 在「資料來源」下拉式選單中，選擇「新增變數」。
- 在「變數設定」部分中，選取「自訂 JavaScript」。
- 將下列程式碼複製到自訂 JavaScript 變數中：
function () {
return {
"email": yourEmailVariable , // 將 yourEmailVariable 替換成用來擷取使用者電子郵件的變數名稱
"phone_number": yourPhoneVariable , // 對 yourPhoneVariable 和下列變數名稱執行相同操作
"address": {
"first_name": yourFirstNameVariable
"last_name": yourLastNameVariable ,
"street": yourStreetAddressVariable ,
"city": yourCityVariable ,
"region": yourRegionVariable ,
"postal_code": yourPostalCodeVariable ,
"country": yourCountryVariable
}
}
}
- 將上述程式碼中各類顧客數位資料的預留位置變數 (例如
yourEmailVariable)，替換成內含轉換頁上對應顧客數位資料的全域 JavaScript 變數。- 提醒您，您必須提供下列至少其中一項欄位資料：
- 電子郵件 (建議提供)
- 地址 (名字、姓氏、郵遞區號、國家/地區皆為必要資訊)
- 電話號碼 (必須搭配上述任一項資訊一起提供)
- 如果您的網站未收集上述任一欄位資料，請將整個欄位移除，不要留下空白欄位。
- 舉例來說，如果網站只收集電子郵件和電話號碼，則建立的自訂 JavaScript 變數看起來會像這樣：
function () {
return {
"email": yourEmailVariable ,
"phone_number": yourPhoneVariable
}
}
- 舉例來說，如果網站只收集電子郵件和電話號碼，則建立的自訂 JavaScript 變數看起來會像這樣：
- 提醒您，您必須提供下列至少其中一項欄位資料：
- 按一下「儲存」。
現在，為該轉換動作設定強化轉換的步驟已完成，下一步是驗證其是否能正常運作。請參閱下方「驗證導入狀態」一節。
驗證導入狀態
如要驗證強化轉換導入設定是否能正常運作，請使用 Google 代碼管理工具預覽及偵錯模式來驗證強化轉換。請先啟用預覽及偵錯模式，然後前往轉換頁。在 Google 代碼管理工具中，點選所需 Floodlight 代碼，然後按一下「變數」分頁標籤。您可以在強化轉換物件中看到要傳送的資料。如果您沒有看到強化轉換物件，或者該物件為空白，表示導入設定有誤。請詳閱導入操作說明，確認強化轉換導入設定正確無誤。
常見問題
如果您無法驗證強化轉換功能的導入情況，請回頭對照設定操作說明，確認所有必要步驟均已完成。如果還是無法驗證，請參考下列常見原因，瞭解導入強化轉換時可能遇到的問題。