javascript - 在成功的 api POST 响应后，如何通过 Google 跟踪代码管理器以编程方式衡量对 Google Analytics 的购买？

Question

查看 Google 跟踪代码管理器的文档，他们似乎建议通过确认页面浏览量来衡量购买。除非我误解了这一点，否则它可能由于重定向期间的失败或人为夸大而变得不准确，因为稍后可以访问该链接。

因此，我认为最好在我的购买 POST 请求得到成功响应后立即注册或衡量购买。像这样:

function purchase(data, form) {
  fetchHelper(url, {
    method: 'post',
    body: JSON.stringify(data),
  })
    .then(json => {
      // Send info to GTM that purchase was successful
      form.reset()
      window.location.href = `confirmation.html?booking=${json.booking_number}`;
    })
    .catch(error => {
      console.error('Error: ', error)
      swal('Oops', error.message, 'error');
    })
}

Answer 1

与其依靠页面访问来跟踪转化/购买，我建议使用 Google 的 analytics.js 触发 GA 事件。根据 GA 中的事件数据，您可以创建一个“目标”，它应该为您提供非常干净的购买/转化数据。

https://developers.google.com/analytics/devguides/collection/analyticsjs/events

在 GTM 中，您可能希望根据 Universal Analytics 类型设置代码。在选项中，您可以将“跟踪类型”设置为“事件”，然后填写您的“事件跟踪参数”。

要触发，您需要为自定义事件创建一个新的触发器。在此示例中，事件名称可能是“purchase_complete”。然后你可以使用这个函数来触发触发器:

function fire(){
  var dataObject = {
    'event': 'purchase_complete',
    'category': 'click',
    'label': 'label_something'
  };
  if(typeof dataLayer != 'undefined'){
    dataLayer.push(dataObject);
  }
}

(来自 https://jonathanmh.com/custom-javascript-trigger-functions-google-tag-manager/ )