ajax - 使用 GTM 电子商务增强和 dataLayer 推送跟踪的结帐 ajax 步骤

Question

我想知道如何在谷歌分析上跟踪结帐和结帐步骤事件。

我在一个页面中有一个结帐，每个步骤都是通过 ajax 请求调用的，所以我已经为每个步骤添加了“dataLayer.push”功能，当然还有步骤号。

现在我无法在谷歌分析上显示的漏斗上捕捉到任何东西。

我说的漏斗是Conversion -> Ecommerce -> Shopping Analysis里面的“Checkout Behavior Analysis”。

我正在使用的电子商务代码是 GTM 代码，它在我加载结帐页面时推送 dataLayer 结帐事件，以及每个结帐 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": "" }
        }
    }
});

我已阅读所有增强指南，例如：

我还缺少什么吗？

最好的。弗朗切斯科。

score 0 · Accepted Answer

确保您已将代码（无论是综合浏览量还是事件）配置为在有结帐事件时读取 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
    }
}

等等

因此，您实际上并没有根据您当前拥有的信息发送任何有关您的步骤的信息。

ajax - 使用 GTM 电子商务增强和 dataLayer 推送跟踪的结帐 ajax 步骤

1 回答 1

Related

Reference