本指南將說明如何分別進行 gtag.js 通用 Analytics (分析) 和 Google Analytics (分析) 4 電子商務導入作業。
如需其他升級指南和資源,請前往開發人員遷移中心。
結果
本指南的結果是您將為新的 GA4 資源導入 Google Analytics (分析) 4 電子商務事件,並使現有的通用 Analytics (分析) 電子商務導入設定維持不變。電子商務事件會分別傳送至通用 Analytics (分析) 和 Google Analytics (分析) 4 資源。
請注意,如果您同時為通用 Analytics (分析) 和 GA4 導入電子商務,Google Analytics (分析) 4 資源就會使用 GA4 電子商務導入設定。
事前準備
請使用電子商務遷移輔助工具,確認以下程式碼是否說明您目前的導入方式:
- 您正在使用通用 Analytics (分析) 資源
- 您的網站使用 gtag.js 程式庫傳送電子商務事件
請參閱電子商務導入作業的升級選項,瞭解各選項的優缺點。確認您要遵循本指南,並有兩種數據分析導入方式:一個用於通用 Analytics (分析) 資源,另一個用於 Google Analytics (分析) 4 資源。
取捨與注意事項
請詳閱下方資訊,深入瞭解採用兩種電子商務導入方式的影響,一個用於通用 Analytics (分析) 資源和 Google Analytics (分析) 4 資源。
優點 | 缺點 |
---|---|
|
|
導入作業
1. 建立及設定新的 GA4 資源
如要建立及設定新的 Google Analytics (分析) 4 資源,請完成下列步驟:
- 建立新的 Google Analytics (分析) 4 資源。
- 使用 GA4 設定輔助程式,自動建立新的 GA4 資源,並從通用 Analytics (分析) 資源複製下列設定:資源名稱、網站網址、時區和貨幣設定。不過,取消勾選「允許使用現有代碼來收集資料」選項,即可停用已連結的網站代碼功能。如果不想複製通用 Analytics (分析) 資源中的任何設定,可以在沒有 Google Analytics (分析) 4 設定輔助程式的情況下建立 Google Analytics (分析) 4 資源。
- 找出 Google Analytics (分析) 4 資源的代碼 ID。在下一個步驟中,您將使用此 ID 設定 GA4 資源。
- 新增 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 (分析) 的導入項目相當,請使用下列資源:
- Google Analytics (分析) 4 電子商務指南,瞭解如何傳送 GA4 電子商務事件。
- 「通用 Analytics (分析) 和 GA4 事件的相容性」以及「通用 Analytics (分析) 和 GA4 的可比較參數」資料表。這項資訊可協助您將通用 Analytics (分析) 電子商務事件名稱和參數,對應至 Google Analytics (分析) 4 的對等事件和參數。
- 電子商務遷移輔助工具:用來確認您加入的 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
}
],
});