analytics.js事件无法正常工作

Question

我在ASPX webapplication中实现了analytics.js(新版本).我的网页浏览工作得很好,但事件往往没有被发送.

在我的例子中,我尝试按下3个不同的按钮,但只有其中一个触发了事件.我为每个事件添加了一个警告框,以验证它实际上已被触发,并且这些都显示出来.

这是我的js,就在之前 </head>

(function(i, s, o, g, r, a, m) {
    i['GoogleAnalyticsObject'] = r;
    i[r] = i[r] || function() {
        (i[r].q = i[r].q || []).push(arguments)
    }, i[r].l = 1 * new Date();
    a = s.createElement(o), m = s.getElementsByTagName(o)[0];
    a.async = 1;
    a.src = g;
    m.parentNode.insertBefore(a, m)
})(window, document, 'script', '//www.google-analytics.com/analytics.js', 'ga');
ga('create', 'UA-XXXXXXXX-1', {
    'cookieDomain': 'none'
});
ga('send', 'pageview', {
    'page': '/team/main',
    'title': 'Logged in'
});

$(document).ready(function() {
    $(".team_button").on("click", function() {
        ga('send', 'event', 'button', 'click', 'Team select button', {
            'page': '/team/'
        })
    });
    $(".calendar_month_prev").on("click", function() {
        ga('send', 'event', 'button', 'click', 'Calendar: Prev month', {
            'page': '/team/'
        })
    });
    $(".calendar_month_next").on("click", function() {
        ga('send', 'event', 'button', 'click', 'Calendar: Next month', {
            'page': '/team/'
        })
    });
    $(".calendar_day_selected").on("click", function() {
        ga('send', 'event', 'button', 'click', 'Calendar: Same day reload', {
            'page': '/team/'
        })
    });
    $(".calendar_day_active").on("click", function() {
        ga('send', 'event', 'button', 'click', 'Calendar: Select day', {
            'page': '/team/'
        })
    });
});

Answer 1

加载新页面时,当前页面上的待处理请求将被取消 - 在这种情况下,分析跟踪像素请求.'async'更多地指的是加载分析javascript代码然后处理分析数据.

对于ga.js,一种常见的方法是停止传播click事件,发送事件,然后在跟踪链接之前延迟少量(150ms).

使用analytics.js,您可以使用hitCallback在发送分析数据后运行代码,而不是延迟.请参阅Google Analytics文档中的设置命中回调