GTM + GA4 電商購買追蹤教學：建立完整轉換分析流程

在 GA4 中，追蹤購買行為（purchase event）不再是「選配」，而是要主動透過 GTM + 資料層（dataLayer） 埋設事件，才能讓 GA4 完整紀錄電商轉換資料。這篇文章帶你實作：從資料層設計、GTM 設定，到 GA4 事件驗證，完整追蹤購買行為。

GA4 電商追蹤的基本觀念

GA4 採用 事件驅動模型，電商相關事件需自行推送。最核心的事件是：

• view_item：查看商品頁
• add_to_cart：加入購物車
• begin_checkout：開始結帳
• purchase：完成購買 ✅

本篇聚焦在最終的 purchase 事件，也就是轉換追蹤的核心。

步驟一：設定 dataLayer

在購買成功頁面（例如：/thank-you），需要在載入時推送以下資料層：

<script>
window.dataLayer = window.dataLayer || [];
window.dataLayer.push({
  event: "purchase",
  ecommerce: {
    transaction_id: "T12345",
    affiliation: "網站名稱",
    value: 1990,
    tax: 90,
    shipping: 60,
    currency: "TWD",
    items: [
      {
        item_id: "sku_001",
        item_name: "蜂蜜潤唇膏",
        price: 990,
        quantity: 1,
        item_brand: "Beelab",
        item_category: "保養"
      },
      {
        item_id: "sku_002",
        item_name: "天然洗面乳",
        price: 1000,
        quantity: 1,
        item_brand: "Beelab",
        item_category: "清潔"
      }
    ]
  }
});
</script>

這段程式碼應由後端渲染或 JS 自動產出，並只出現在訂單成立後的頁面。

步驟二：GTM 設定事件 Trigger

1. 進入 GTM → 新增「Trigger」
2. 選擇「自訂事件」
3. 事件名稱填 purchase
4. 觸發時機選「所有自訂事件」或限定網址（例如：/thank-you）

步驟三：GTM 新增 GA4 事件 Tag

1. 新增 Tag → 類型選擇「GA4 事件」
2. 選擇既有的「GA4 設定」變數
3. 事件名稱填 purchase
4. 在「事件參數」中：
   • 點選「啟用 Google 建議的電商參數格式」
   • 點選「使用 dataLayer 自動擷取 ecommerce 物件」✅
5. 選擇剛剛建立的 Trigger（event = purchase）

步驟四：預覽與測試

• 使用 GTM 的「預覽模式」前往購買完成頁面
• 檢查事件是否正確推送 → Console 中輸入 dataLayer 查看
• 於 GA4 → 報表 → 即時報表 → 查看是否收到 purchase 事件

常見錯誤排除

• dataLayer 未正確推送： 請檢查變數是否完整、有無語法錯誤
• 事件重複送出： 確保推送只在購買完成發生一次
• 參數未出現在 GA4 報表： 需等 GA4 處理，或至「探索報表」建立自訂報表檢查

進階補充：其他電商事件

• add_to_cart：商品加入購物車
• view_cart：查看購物車
• begin_checkout：點選「結帳」
• add_payment_info：填入付款資訊

這些都可以透過相同機制建立，讓你掌握完整「購買漏斗」。

GA4 沒有預設幫你抓購買行為，而 GTM 提供了彈性讓你追蹤任何電商事件。透過這套流程，你可以：

• 查看每筆訂單的轉換來源
• 分析各商品的銷售表現
• 精準衡量廣告成效與 ROAS

掌握購買事件，就是掌握營收數據的關鍵。下次廣告成效報表，你不只會說「有下單」，而能說「這個廣告帶來 48 筆訂單、NT$78,000 銷售額」。