通用 Analytics (分析) 電子商務

使用代碼管理工具導入 Google Analytics (分析) 電子商務代碼。
注意:本文適用於通用 Analytics (分析) 電子商務。如要瞭解如何使用 Google Analytics (分析) 4 導入電子商務評估,請參閱開發人員說明文件

導入通用 Analytics (分析) 電子商務的方法主要有兩種:標準電子商務和加強型電子商務。

標準電子商務報表可讓您評估交易,並分析網站或應用程式上的購買活動。您可以查看產品和交易資訊、平均訂單價值、電子商務轉換率、購買前所需天數和其他資料。

加強型電子商務」可在標準電子商務報表中加入更豐富的分析功能,讓您瞭解客戶何時將商品加入購物車、何時開始結帳及完成購買。您也可以運用「加強型電子商務」報表,找出哪些客群中途退出購物程序。

以下操作說明將說明如何使用 Google 代碼管理工具,導入通用 Analytics (分析) 電子商務代碼。

標準電子商務

設定標準通用 Analytics (分析) 電子商務代碼的步驟如下:

  1. 登入 Google Analytics (分析) 帳戶,並為所需的資料檢視啟用電子商務
  2. 建立通用 Analytics (分析) 代碼,並將「追蹤類型」設為 [交易]
  3. 填寫必填欄位來設定代碼。
  4. 在交易頁面新增 dataLayer() 物件,以收集及傳送必要的變數。請務必在代碼觸發之前填入 dataLayer() 變數。
  5. 在交易確認頁面上建立代碼觸發條件。

所有交易資訊都必須使用下列變數名稱經由資料層傳送:

交易資料

變數名稱 說明 類型
transactionId (必要) 專屬交易識別碼 字串
transactionAffiliation (選擇性) 夥伴或商店 字串
transactionTotal (必要) 交易的總額 數字
transactionShipping (選擇性) 交易的運費 數字
transactionTax (選擇性) 交易的稅額 數字
transactionProducts (選擇性) 交易中所購商品的清單 產品物件陣列

產品資料

變數名稱 說明 類型
nam (必要) 商品名稱 字串
sku (必要) 產品 SKU 字串
category (選擇性) 產品類別 字串
price (必要) 單價 數字
quantity (必要) 商品數量 數字

以下舉例說明如何在 JavaScript 中導入資料層程式碼:

<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
   'transactionId': '1234',
   'transactionAffiliation': 'Acme Clothing',
   'transactionTotal': 38.26,
   'transactionTax': 1.29,
   'transactionShipping': 5,
   'transactionProducts': [{
       'sku': 'DD44',
       'name': 'T-Shirt',
       'category': 'Apparel',
       'price': 11.99,
       'quantity': 1
   },{
       'sku': 'AA1243544',
       'name': 'Hat',
       'category': 'Apparel',
       'price': 9.99,
       'quantity': 2
   }]
});
</script>

將這段程式碼置於代碼管理工具容器片段「上方」,這樣當代碼管理工具觸發 Google Analytics (分析) 代碼時,就有資料層可以使用。

如果您因故無法將電子商務資料置於代碼管理工具容器片段上方,請從下列兩種替代方法擇一使用:

  • 讓系統根據該頁更下方的自訂事件觸發代碼 (例如按照開發人員說明文件所述的方式結合資料和事件推送)。
  • 將觸發條件類型設為 [DOM 就緒]

進一步瞭解 Google Analytics (分析) 電子商務

加強型電子商務

透過代碼管理工具導入加強型電子商務的方法有兩種:

  • 資料層:這是建議使用的方法,可以將電子商務資料推送到程式碼中的資料層。
  • 自訂 JavaScript 變數:在代碼管理工具中建立自訂的 JavaScript 變數,這個變數傳回的物件應會包含您原本要推送到資料層的資訊。

無論使用哪一種方式,您都應該要等到熟悉 Google Analytics (分析) 中的加強型電子商務之後,再使用代碼管理工具導入加強型電子商務代碼。您可能需要尋求開發人員協助導入資料層。

重要注意事項:導入加強型電子商務時,有特定幾種類型的資訊可供您搭配使用。如需查看完整的支援資料類型,請參閱開發人員說明文件

資料層導入

  1. 在您的程式碼中,將電子商務資訊推送至「ecommerce」這個資料層物件。如要進一步瞭解如何導入資料層,請參閱 代碼管理工具開發人員說明文件
  2. 在代碼管理工具中,透過下列其他設定建立通用 Analytics (分析) 代碼
    • 將「追蹤類型」設為 [網頁瀏覽] 或 [事件]。
    • Google Analytics (分析) 設定變數 的 [更多設定] 接下來 [電子商務] 下方,將 [啟用加強型電子商務功能] 設為「True」
    • 選取 [使用資料層]

導入自訂 JavaScript 變數

  1. 建立自訂 JavaScript 變數。這個變數傳回的物件必須包含電子商務物件,類似下方的程式碼例子:
    function() {
     var ecommerceData = {
       'ecommerce' : {
         currencyCode : 'EUR',
         // 視需要加入其他參數...
       }
     };
     return ecommerceData;
    }
    在這個變數中,請使用將這項資料推送至資料層時所使用的相同語法。
  2. 在代碼管理工具中,透過下列其他設定建立通用 Analytics (分析) 代碼
    • 將「追蹤類型」設為 [網頁瀏覽] 或 [事件]。
    • Google Analytics (分析) 設定變數 中的 [更多設定] 接下來 [廣告] 下方,將 [啟用加強型電子商務功能] 設為「True」
    • 選取 [使用資料層]

相關資源

這對您有幫助嗎?
我們應如何改進呢?