結賬與GTM電子商務增強和dataLayer推動跟蹤阿賈克斯步驟

Question

我想知道如何跟蹤谷歌分析結帳和結帳步驟事件。

我在一個頁面中籤出了一個結帳，每個步驟都通過ajax請求調用，所以我已經爲每個步驟添加了「dataLayer.push」功能，當然還包括步驟編號。

現在我無法捕捉谷歌分析中顯示的任何漏斗。

我說的漏斗是轉換 - >電子商務 - >購物分析中的「結帳行爲分析」。

我正在使用的電子商務代碼是GTM one，它是我在加載結帳頁面時推送dataLayer結帳事件以及每個checkout ajax步驟的checkoutOption事件。 一旦這些事件被推送到GTM上的dataLayer，我已經在事件上設置了標籤激活器，以便將信息傳遞到谷歌分析與具有事件功能（而不是瀏覽量）的通用分析標籤。

我推動的ajax事件的代碼如下。

結帳開始：

dataLayer.push({ 
    "event": "checkout", 
    "ecommerce": { 
     "checkout_option": { 
      "actionField": {"step": 1, "option": ""}, 
      "products": self.datas["checkout_items"] 
     } 
    } 
}); 

結帳帳單地址

dataLayer.push({ 
    "event": "checkoutOption", 
    "ecommerce": { 
     "checkout_option": { 
      "actionField": {"step": 2, "option": ""} 
     } 
    } 
});  

結賬送貨地址

dataLayer.push({ 
    "event": "checkoutOption", 
    "ecommerce": { 
     "checkout_option": { 
      "actionField": {"step": 3, "option": ""} 
     } 
    } 
});  

結帳配送方式

dataLayer.push({ 
    "event": "checkoutOption", 
    "ecommerce": { 
     "checkout_option": { 
      "actionField": {"step": 4, "option": self.datas["shipping_method"] } 
     } 
    } 
}); 

結帳付款方法

dataLayer.push({ 
    "event": "checkoutOption", 
    "ecommerce": { 
     "checkout_option": { 
      "actionField": {"step": 5, "option": self.datas["payment_method"] } 
     } 
    } 
}); 

結帳優惠券

dataLayer.push({ 
    "event": "checkoutOption", 
    "ecommerce": { 
     "checkout_option": { 
      "actionField": {"step": 6, "option": self.datas["couponcode"] } 
     } 
    } 
}); 

結賬下訂單

dataLayer.push({ 
    "event": "checkoutOption", 
    "ecommerce": { 
     "checkout_option": { 
      "actionField": {"step": 7, "option": "" } 
     } 
    } 
}); 

我讀過的所有增強指南，如：

• https://developers.google.com/tag-manager/devguide
• https://developers.google.com/tag-manager/enhanced-ecommerce

有更多的東西，我失蹤？

最好。 Francesco。

Answer 1

確保您已配置標籤（無論是瀏覽量還是事件），以便在發生結帳事件時讀取dataLayer對象。您需要在高級設置下檢查Enable Enhanced Ecommerce Features以及Use Data Layer。

編輯： 當你需要提供補充信息到結帳步驟，例如，如果您想將付款方式添加到該付款頁面的checkout_option場時才使用。需要這樣添加

在結帳渠道的每個結帳步驟：

// Step 1 
dataLayer.push({ 
    'event': 'checkout start', 
    'ecommerce': { 
     'checkout': { 
     'actionField': {'step': 1, 'option': 'Visa'}, 
     'products': // .... products 
    } 
} 

// Step 2 
dataLayer.push({ 
    'event': 'checkout billing', 
    'ecommerce': { 
     'checkout': { 
     'actionField': {'step': 2}, 
     'products': // .... products 
    } 
} 

等

所以你實際上並沒有發送與你目前擁有的步驟的任何信息。