GA4 電子商務 (gtag.js):傳送通用 Analytics (分析) 和 GA4 事件

本指南將說明如何分別進行 gtag.js 通用 Analytics (分析)Google Analytics (分析) 4 電子商務導入作業。

如需其他升級指南和資源,請前往開發人員遷移中心

結果

本指南的結果是您將為新的 GA4 資源導入 Google Analytics (分析) 4 電子商務事件,並使現有的通用 Analytics (分析) 電子商務導入設定維持不變。電子商務事件會分別傳送至通用 Analytics (分析) 和 Google Analytics (分析) 4 資源。

請注意,如果您同時為通用 Analytics (分析) 和 GA4 導入電子商務,Google Analytics (分析) 4 資源就會使用 GA4 電子商務導入設定。

事前準備

  1. 請使用電子商務遷移輔助工具,確認以下程式碼是否說明您目前的導入方式:

    • 您正在使用通用 Analytics (分析) 資源
    • 您的網站使用 gtag.js 程式庫傳送電子商務事件
  2. 請參閱電子商務導入作業的升級選項,瞭解各選項的優缺點。確認您要遵循本指南,並有兩種數據分析導入方式:一個用於通用 Analytics (分析) 資源,另一個用於 Google Analytics (分析) 4 資源。

取捨與注意事項

請詳閱下方資訊,深入瞭解採用兩種電子商務導入方式的影響,一個用於通用 Analytics (分析) 資源和 Google Analytics (分析) 4 資源。

優點 缺點
  • 可讓您在 GA4 和通用 Analytics (分析) 報表中查看電子商務資料。
  • 在通用 Analytics (分析) 資源中,電子商務資料的收集或記錄方式維持不變。
  • 使用 GA4 事件和參數可確保完整的 GA4 電子商務報表。
  • 您必須導入 GA4 電子商務事件。
  • 您的網站會傳送兩組事件:一組用於通用 Analytics (分析),另一組則用於 GA4。這可能會影響效能。

導入作業

1. 建立及設定新的 GA4 資源

如要建立及設定新的 Google Analytics (分析) 4 資源,請完成下列步驟:

  1. 建立新的 Google Analytics (分析) 4 資源。
    • 使用 GA4 設定輔助程式,自動建立新的 GA4 資源,並從通用 Analytics (分析) 資源複製下列設定:資源名稱網站網址時區貨幣設定。不過,取消勾選「允許使用現有代碼來收集資料」選項,即可停用已連結的網站代碼功能。如果不想複製通用 Analytics (分析) 資源中的任何設定,可以在沒有 Google Analytics (分析) 4 設定輔助程式的情況下建立 Google Analytics (分析) 4 資源
  2. 找出 Google Analytics (分析) 4 資源的代碼 ID。在下一個步驟中,您將使用此 ID 設定 GA4 資源。
  3. 新增 GA4 資源
    • 為確保通用 Analytics (分析) 事件只會傳送至通用 Analytics (分析) 資源,且 Google Analytics (分析) 4 事件只會傳送至 GA4 資源,請使用 gtag.js 提供的「路徑資料」功能。
    • 在現有的 gtag.js 程式碼片段中加入 Google Analytics (分析) 4 資源。 使用 config 指令和 groups 參數搭配代碼 ID,即可讓事件從通用 Analytics (分析) 資源分開轉送到 GA4 資源。

以下 gtag.js 程式碼片段範例已設定通用 Analytics (分析) 資源和已指派給 GA4 群組的 Google Analytics (分析) 4 資源。

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXX-Y');  // Universal Analytics property
  gtag('config', 'TAG_ID', { 'groups': 'GA4' });  // Google Analytics 4 property
</script>

2. 導入 GA4 電子商務事件並轉送至 GA4 資源

建立並設定新的 Google Analytics (分析) 4 資源後,即可開始導入 GA4 電子商務事件。為協助您的 GA4 導入作業與通用 Analytics (分析) 的導入項目相當,請使用下列資源:

以下範例顯示針對 GA4 事件使用 send_to 參數,將個別通用 Analytics (分析) 和 Google Analytics (分析) 4 電子商務 purchase 事件傳送至各自的資源:

// Universal Analytics.
// The original UA implementation remains unchanged.
gtag('event', 'purchase', {
  "transaction_id": "24.031608523954162",
  "affiliation": "Google online store",
  "currency": "USD",
  "shipping": 7.50,
  "tax": 1.80,
  "value": 33.30,
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_name": "Search Results",
      "list_position": 1,
      "quantity": 2,
      "price": 12.00
    }
  ]
});


// The new Google Analytics 4 ecommerce implementation.
// Uses `send_to` to route data to the GA4 group defined in the tag config.
gtag('event', 'purchase', {
  "send_to": "GA4",
  "transaction_id": "24.031608523954162",
  "affiliation": "Google online store",
  "currency": "USD",
  "shipping": 7.50,
  "tax": 1.80,
  "value": 33.30,
  "items": [
    {
      "item_id": "P12345",
      "item_name": "Android Warhol T-Shirt",
      "item_brand": "Google",
      "item_category": "Apparel/T-Shirts",
      "item_variant": "Black",
      "quantity": 2,
      "price": 12.00
    }
  ],
});