驗證電子商務設定 (gtag.js)

本文將概略說明如何驗證 Analytics 在使用 gtag.js 時，從網站收集電子商務事件。文件假設您已閱讀「評估電子商務」一文。

即時查看電子商務事件

在網站中加入電子商務事件並開始觸發事件後，使用 DebugView 報表，驗證 Analytics 是否已收到電子商務事件和事件參數DebugView 報表會列出每個事件層級 Analytics 會從你的網站收集的項目層級和項目層級參數

DebugView 報表會持續串流事件並顯示事件名稱每次收集的事件資料如要查看與事件相關的參數，按一下事件名稱。如果您加入 items 陣列，就會看到另一個分頁則會列出與事件一起傳送的項目

缺少電子商務事件的疑難排解

以下說明看不到電子商務事件的可能原因分析

請檢查逗號

請務必在每個參數值後方加上半形逗號。Analytics 會略過電子商務事件包括參數缺少半形逗號和其他事件。以下列事件為例無法收集：

gtag("event", "refund", {
  currency: "USD",
  transaction_id: "T_12345" // Missing a trailing comma
  value: 30.03,
  coupon: "SUMMER_FUN",
  shipping: 3.33,
  tax: 1.11
});

檢查刊登位置

您必須將電子商務事件放在 JavaScript (而非 HTML) 中，而且必須必須放置在 Google 代碼之後，而不是 Google 代碼之前

良好：

<body>
  <p>Hello, World!</p>
  <script>
    gtag("event", "<event-name>");
  </script>
</body>

良好：

<body>
  <p>Hello, World!</p>
  <script src="my_events.js"></script>
</body>

錯誤做法：

<body>
  <p>Hello, World!</p>
  gtag("event", "<event-name>");
</body>

錯誤做法：

<head>
  <script>
    gtag("event", "<event-name>");
  </script>
  <!-- the Google tag -->
</head>

檢查事件語法

以下 purchase 事件使用的語法正確無誤：

gtag('event', 'purchase', {
    transaction_id: "T_12345",
    value: 72.05,
    currency: "USD",
    items: [
     {
      item_id: "SKU_12345",
      item_name: "Stan and Friends Tee",
     },
     {
      item_id: "SKU_12346",
      item_name: "Google Grey Women's Tee",
     }]
});

檢查活動中的分隔符位置是否正確：

gtag 之後與結尾分號之前的括號
事件參數前後的大括號
以商品為範圍的事件參數前後方括號

此外，請務必納入所有必要的事件參數。如果您沒有加入必要參數，系統仍會顯示事件，但 Analytics 會將該事件視為自訂而非電子商務事件

查看事件名稱

設定電子商務事件時，請務必使用正確的建議設定事件名稱。舉例來說，您可以使用「add_to_cart」事件名稱而非 "add_to_basket"確保 Analytics 會將該事件登錄為電子商務事件建議此外，請務必輸入事件名稱這沒有任何錯字

檢查交易 ID

如果同一個電子商務事件以相同的交易 ID 觸發兩次， Google Analytics 只會收集第一個事件，並忽略第二個事件就算您更改了新事件中的部分值也一樣

如果在測試過程中未看到電子商務事件，請嘗試變更交易在測試期間 ID 或移除交易 ID，這樣您就能看到活動。

解決電子商務事件重複的問題

以下說明出現電子商務事件重複的可能原因

在每個網頁上使用一個代碼

請務必在網站的每個網頁中加入 Google 代碼片段。此外，請務必使用 Google 代碼 (gtag.js) 或 Google 代碼管理工具：但不能同時採用兩者同時使用這兩個選項會重複計算特定事件，同時產生其他以及限製或非預期的結果

建立以商品為範圍的自訂參數