我如何跟踪AJAX部分在Magento与谷歌分析异步

Question

我有一个magento商店，我试图跟踪用户在结帐过程中的进度。

我启用了Onepage checkout——它做了一些ajax的东西，基本上以手风琴格式加载6个不同的步骤。我想用谷歌分析跟踪每一步，这样我就知道是什么让用户离开了。我发现这个链接(http://magentoexpert.co.uk/2009/03/08/tracking-one-page-checkout-abandonment-with-google-analytics-properly/)这样做与谷歌分析-但它使用旧的GA代码。我正在使用异步代码，它使用gaq推送。

所以这里是他们推荐使用的代码。

 gotoSection: function(section)
    {
        try {
            pageTracker._trackPageview('/checkout/' + section + '/');
        } catch(err) {}
        section = $('opc-'+section);
        section.addClassName('allow');
        this.accordion.openSection(section);
    },

要将其更新为异步版本，我会使用:

 gotoSection: function(section)
    {
        try {
            _gaq.push(['_trackPageview', '/checkout/', + section + '/']);
        } catch(err) {}
        section = $('opc-'+section);
        section.addClassName('allow');
        this.accordion.openSection(section);
    },

我需要catch(err)吗?什么是完整的代码-这似乎不适合我?

Answer 1

我相信在MagentoConnect上的foooman GoogleAnalyticsPlus扩展会做你需要的。YMMV。

Answer 2

对于来到这里的人来说，上面的代码不起作用，因为它需要/checkout/onepage/而不仅仅是/checkout/

查看正确示例:http://inchoo.net/ecommerce/magento/onepage-checkout-abandonment-google-analytics/

Answer 3

这是我运行的代码，请注意底部添加的函数。我想跟踪失败的提交按钮动作，这被添加到onclick中，并生成自己的独立事件跟踪，在链中的成功目标之前添加Submit Order步骤:

<!-- Google Funnel Stats -->
<script type="text/javascript">
Checkout.prototype.gotoSection = function(section) {
    try {
        // Google Analytics non-asynch code
        // pageTracker._trackPageview('/checkout/onepage/'+section+'/');
        // Google Analytics asynchronus code
        _gaq.push(['_trackPageview', '/checkout/onepage/'+section+'/']);
    } catch(err) { }
    section = $('opc-'+section);
    section.addClassName('allow');
    this.accordion.openSection(section);
}
function gaqSubmitOrder() {
    try {
        // Google Analytics non-asynch code
        // pageTracker._trackPageview('/checkout/onepage/'+section+'/');
        // Google Analytics asynchronus code
        _gaq.push(['_trackPageview', '/checkout/onepage/submitorder/']);
    } catch(err) { }
}
</script>