javascript - 如何使用 Google Analytics 跟踪订单中止？

Question

我有一个 4 步订购流程:

• 第 1 步(产品概览)
• 第 2 步(运送)
• 第 3 步(付款)
• 第 4 步(完成)

我想跟踪客户在哪个步骤中止订单或者他/她是否完成订单。

使用的 GA 跟踪代码:

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXX-X']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

我尝试过这个:

step1.html

$('input[name="next"]').click(function() {
    $(this).data('clicked', true);
}

if ($('input[name="next"]').data('clicked') !== true) {
    window.onbeforeunload = function () {
        _gaq.push(['_trackEvent', 'Order', 'Abort', 'Step 1']);
    };
}

step2.html

$('input[name="next"]').click(function() {
    $(this).data('clicked', true);
}

if ($('input[name="next"]').data('clicked') !== true) {
    window.onbeforeunload = function () {
        _gaq.push(['_trackEvent', 'Order', 'Abort', 'Step 2']);
    };
}

step3.html

$('input[name="next"]').click(function() {
    $(this).data('clicked', true);
}

if ($('input[name="next"]').data('clicked') !== true) {
    window.onbeforeunload = function () {
        _gaq.push(['_trackEvent', 'Order', 'Abort', 'Step 3']);
    };
}

step4.html

_gaq.push(['_trackEvent', 'Order', 'Complete', 'Step 4']);

但由于请求被取消，似乎没有足够的时间将数据完全传输给 Google。如何防止这种情况发生？

Answer 1

设置包含所需步骤的目标，然后您可以在“ channel 可视化”报告下查看 channel (有多少人继续、有多少人退出网站或有多少人只是转到另一个页面)。