Google Ads 轉換

伺服器端代碼管理工具可讓你移動 Google Ads 轉換追蹤 標記從網頁到伺服器將這些標記移至伺服器，可減少 需要在網頁中執行的程式碼量，有助於提升網頁載入速度 速度。 本文件說明如何設定代碼管理工具網站容器 使用 Google Ads 轉換追蹤

事前準備

這份文件假設您已具備以下條件：

• Google Ads 和 Google 代碼管理工具的管理員權限
• 設定 Google 代碼管理工具
• 已建立伺服器容器
• 設定 Google Analytics：GA4 用戶端

步驟 1：設定轉換連接器代碼

如要讓 Google Ads 傳送資料至代碼管理工具，請設定 轉換連接器代碼：

如果已有 轉換連接器代碼 您可以略過這個步驟

設定「轉換連接器」代碼的方式如下：

1. 在伺服器容器工作區中，開啟網站左側的「代碼」選單 頁面。
2. 按一下「新增」加入新代碼。
3. 選取「轉換連接器」代碼類型。
4. 設定觸發條件，讓「轉換連接器」伺服器端代碼觸發 觸發。
   在大多數情況下，「所有網頁」觸發條件是最合適的選項。
5. 為代碼命名，然後按一下「儲存」。

步驟 2：設定重要事件

如要設定重要事件，您必須執行下列兩項操作：

• 設定 Google Analytics，將事件視為重要事件。
• 在代碼管理工具網站容器中設定 Google Analytics：GA4 事件代碼，才能： 傳送重要事件。

如果您已設定重要事件，但只需要導入伺服器代碼，請直接跳到步驟 3。

設定 Google Analytics 以辨識自訂重要事件

在 Google Analytics 中定義新的重要事件：

1. 開啟 Google Analytics 4
2. 開啟左下方的 「管理」選單。
3. 在資源設定清單中，選取 「重要事件」。
4. 按一下「新重要事件」按鈕，然後新增重要事件名稱。 這可以是建議事件名稱或自訂事件。
5. 按一下「儲存」即可儲存事件名稱。

在 Google 代碼管理工具中設定重要事件

如果您的重要事件觸發的是「網頁瀏覽」事件，請直接跳到步驟 3。

如何設定重要事件：

1. 開啟 Google 代碼管理工具

2. 在網站容器工作區中加入「Google Analytics：GA4 事件」代碼。

3. 在「設定代碼」中，為網站選取「Google 代碼」。

4. 輸入與重要事件對應的事件名稱。

步驟 3：在伺服器容器 中設定 Google Ads 轉換追蹤代碼

設定 Google Ads 轉換追蹤代碼的方式如下：

1. 在伺服器容器工作區中，開啟左側的「代碼」選單 網頁。
2. 按一下「新增」加入新代碼。

3. 選取「Google Ads 轉換追蹤」代碼類型。

   注意： 這個標記會自動從 對應的 電子商務欄位： 交易 ID、轉換價值和貨幣代碼

4. 輸入必要的轉換資訊 (轉換 ID 和標籤)。你可以 請在 Google Ads 帳戶中找到這些值。

5. 在「觸發條件」選單中，選取符合您用途的現有觸發條件。 如果現有的觸發條件未涵蓋您的需求，請建立新的自訂觸發條件 。

   如要針對自訂事件觸發代碼，請按照下列步驟操作：

   1. 選擇「自訂事件」觸發條件。
   2. 輸入的事件名稱必須與「Google Analytics：GA4 事件」代碼中使用的名稱相符。

   如要只在特定網址觸發事件：

   1. 選取要觸發「部分自訂事件」的選項。
   2. 新增「網頁網址」變數，使其和代碼應觸發的網址相同，

6. 為代碼命名，然後按一下「儲存」。

選擇性步驟：設定轉換價值

您可以指定與預設value不同的轉換價值 參數，例如將價格資料儲存在不同的資料庫中。 若要指定其他計算轉換價值的依據，您必須設定 設定變數來提取資料庫中的資料 Google Ads 轉換追蹤代碼。

注意： 伺服器容器會加密收益值，確保轉換資料無誤 並不會因伺服器將資料傳回瀏覽器而遭到公開。

如要建立新變數，請按照下列步驟操作：

1. 在伺服器容器中，開啟「變數」選單。
2. 請為資料輸入建立新的使用者定義變數。舉例來說，如果您在 如要使用 Firestore 資料庫中的值，請建立 {{Firestore 查詢}}變數。
3. 指定變數的資料來源。
4. 為變數命名，例如「利潤查詢」並儲存。

在 Google Ads 轉換追蹤代碼中設定自訂轉換價值：

1. 在伺服器容器中，開啟「代碼」選單。
2. 修改現有的 Google Ads 轉換追蹤代碼或建立新的代碼。

3. 如要設定自訂轉換價值，請指定以下兩個欄位：

   • Conversion Value：輸入固定金額，或指定您之前建立的變數。
   • 貨幣代碼

4. 儲存代碼。

步驟 4：強化轉換

如果您未使用強化轉換，請直接跳到「驗證設定」。

如要設定 強化轉換 步驟如下：

設定使用者提供的資料變數

你可以透過下列 3 種方式在代碼管理工具中導入強化轉換。 您只需要選擇其中一個選項來收集使用者提供的資料。

	自動收集	手動設定	程式碼設定
收集方法	自動根據應用程式的 網站。 如需控管收集輸入內容的位置，請選擇 手動設定或程式碼設定	指定要收集的 CSS 屬性或 JavaScript 變數 使用者提供的資料。 如果您需要掌控資料格式和雜湊處理方式 以及完成程式碼設定	在網站上加入程式碼片段，來傳送經雜湊處理的客戶資料 以便進行比對 這個方法對於提高 這項功能，方便您傳送格式一致的資料 每次觸發轉換標記時觸發。
複雜度	簡易版本	中	複合式
技能	不需要特殊技能	HTML 和 CSS	網站開發

自動資料收集

1. 在網站容器中，開啟「變數」選單。
2. 新建類型為「使用者提供的資料」的「使用者定義變數」。
3. 將「類型」設為「自動收集」。
4. 為變數命名，例如 My user-defined data。
5. 按一下 [儲存]。

手動設定

1. 在網站容器中，開啟「變數」選單。
2. 新建類型為「使用者提供的資料」的「使用者定義變數」。
3. 將「類型」設為「手動設定」。

4. 針對您想透過強化轉換提供的相關使用者資料欄位，加入新的或現有的變數。

   注意： 如果資料層已設有變數 (無論是使用 CSS 選取器或其他變數類型)，您可以選取這些變數，不必建立新變數。如果無法確定，請繼續按照說明操作。變數可能會經過雜湊處理或未經雜湊處理。

5. 如要透過 DOM 指定元素，請建立「新增變數」>「變數設定」>「DOM 元素」。

6. 在「選取方式」下方，您可以使用 CSS 選取器或 ID。 提示：如果您的 CSS 變數會經常變更，請在網站中加入 HTML ID 並使用 ID 變數。

7. 輸入 CSS 選取器或 ID 名稱。「Attribute name」欄位可留空。

8. 命名並儲存 DOM 元素變數。接著，畫面就會回到「使用者提供的資料」設定。

9. 將變數命名為「User-Provided Data」變數，例如 My user-defined data。

10. 按一下 [儲存]。

程式碼設定

步驟 1：識別並定義強化轉換變數

您可以傳送未經雜湊處理的資料，Google 會在資料前進行雜湊處理 會傳送至伺服器，或是預先雜湊處理的資料如果您決定傳送預先經過雜湊處理的資料， 請使用十六進位編碼的 SHA256 編碼資料。不論是哪一種情況，都請提供給 在以下其中一個欄位：email 或 phone_ number。
如何將未經雜湊處理的資料推送到資料層：

1. 將使用者提供的資料以鍵/值組合的形式儲存在網站中， JavaScript 變數。例如：

   var leadsUserData = {
     'email': '[e-mail]',
     'phone_number': '[phone]',
     'address': {
       first_name: 'John',
       last_name: 'Doe',
       street: '123 Lemon',
       city: 'Some city',
       region: 'CA',
       country: 'US',
       postal_code: '12345',
     },
   };
   

2. 使用 dataLayer.push() 將使用者資料與事件一起傳送。適用對象 範例：

   <script>
     dataLayer.push({
       'event': 'formSubmitted',
       'leadsUserData': {
         'email': '[e-mail]',
         'phone_number': '[phone]',
         'address': {
            first_name: 'John',
            last_name: 'Doe',
            street: '123 Lemon',
            city: 'Some city',
            region: 'CA',
            country: 'US',
           postal_code: '12345',
          },
        },
     });
   <script>
   

Google 代碼管理工具現已提供 leadsUserData 變數。

如要將預先雜湊處理資料推送至資料層，請按照下列步驟操作：

1. 在網站上，使用十六進位編碼 SHA256 對使用者提供的資料進行雜湊處理。重要 編碼資料的開頭必須是 sha256_。例如：

   {'sha256_email_address':await hashEmail(email.trim()),
   }
   

2. 使用 dataLayer.push() 將使用者資料與事件一起傳送。 以下範例顯示資料層導入範例 並自行編寫雜湊函式，以非同步方式執行。

   <script>
     dataLayer.push({
       'event': 'formSubmitted',
       'leadsUserData': {
         'sha256_email_address': await hashEmail(email.trim()),
         'sha256_phone_number': await hashPhoneNumber(phoneNumber),
         'address': {
           sha265_first_name: await hashString(firstname),
           sha256_last_name: await hashString(lastname),
           sha256_street: await hashString(streetAddress),
           postal_code: '12345',
          },
        },
     });
   <script>
   

Google 代碼管理工具現已提供 leadsUserData 變數。

步驟 2：建立使用者提供的資料變數

1. 在網站容器中，開啟「變數」選單。
2. 新建類型為「使用者提供的資料」的「使用者定義變數」。
3. 將「Type」設為「Code」。
4. 針對您要提供的相關使用者資料欄位，點選下拉式選單並選取「新增變數」。
5. 在「請選擇變數類型」下方，選取「資料層變數」。
6. 在「資料層變數」中，參照已儲存的使用者資料。例如 leadsUserData。
7. 為資料層變數命名並儲存。接著，畫面就會回到「使用者提供的資料」設定。
8. 將變數命名為「User-Provided Data」變數，例如 My user-defined data。
9. 按一下 [儲存]。

將變數指派給 Google 代碼

1. 在網站容器中，開啟「代碼」選單。
2. 編輯用來將資料傳送至標記伺服器的 Google 代碼。
3. 在「配置設定」底下新增「設定參數」。 名為 user_data。將「值」設為「使用者提供的資料」。 變數，例如 {{My user-provided data}}。

4. 點選「儲存」儲存變更。代碼應如下所示：

   

設定伺服器端 Google Ads 轉換追蹤代碼

如要在伺服器容器中啟用強化轉換，請按照下列步驟操作：

1. 在伺服器工作區中開啟「代碼」選單。
2. 編輯 Google Ads 轉換追蹤代碼。

3. 按下「Save」(儲存) 以儲存變更。

   注意： 觸發時，Google Ads 轉換追蹤代碼會將所有 可用轉換資料傳送給 Google (包括所有使用者提供的資料)。如果 如要在代碼觸發前修改或排除任何事件參數， 設定及使用適當的轉換，然後附加至代碼。

   

步驟 5：驗證設定

開始透過伺服器容器傳送資料後，您可以檢查 請按照下列步驟確保運作正常：

1. 開啟你的網站。
2. 在 Google 代碼管理工具伺服器容器中，選取「預覽」。 Tag Assistant 會啟動並載入伺服器容器。
3. 「代碼」分頁會顯示所有已觸發的代碼。 請務必確認您設定的代碼是否已觸發。
4. 「Console」分頁會顯示資料傳輸期間發生的任何錯誤 網路伺服器容器檢查是否有錯誤並予以解決。

如需更多關於代碼管理工具容器的偵錯說明，請參閱預覽和偵錯說明。

後續步驟

確認 Google Ads 轉換追蹤代碼運作正常後，您就可以 網站容器中任何對等的 Google Ads 轉換追蹤代碼，以免產生資料 重複內容

如果您也使用 Google Ads 再行銷廣告活動，且想要評估這些廣告活動 使用伺服器端代碼 Google Ads 再行銷：