确保在转到下一页之前发送谷歌分析事件

Question

在非 SinglePageApp 中，当您单击指向另一个页面的锚链接时，javascript 将取消并加载新页面。

当我尝试对附加到这些锚标记的谷歌分析进行异步调用时，这是一个问题。

例如，如果我有一个继续链接，并且我希望在单击它时触发 ga 事件，如果我天真地添加事件，它将排队以异步加载，但有时不会被调用，因为浏览器会取消 javascript并在处理 ga 'continue clicked' 事件之前转到下一页。

我注意到 GA 有一个名为“hitCallback”的属性，我尝试使用它，但似乎我仍然没有处理继续事件。我这样做是因为试图在这里遵循 GA 的指导方针：https://developers.google.com/analytics/devguides/collection/analyticsjs/sending-hits#handling_timeouts

$('a.js-ga-track-event').click(function(e) { // jquery attaching to a element
    e.preventDefault();
    var href = this.href;
    var linkClicked = false;

    var clickLink = function() {
        if (href && !linkClicked) {
            linkClicked = true;
            window.location.href = href;
        }
    };

    // As a backup, will submit the form if GA does not succeed within 0.5 seconds
    setTimeout(clickLink, 500);

    var name = 'continue clicked';
    var label = '';
    ga('send', {
        'hitType': 'event',
        'eventCategory': 'EXAMPLE CATEGORY',
        'eventAction': 'continue clicked',
        'eventLabel': label,
        'hitCallback': clickLink
    });
});

该链接肯定没有捕获所有事件命中。我做错了吗？

Answer 1

hitCallBack 确实是您想要使用的。整体代码逻辑看起来不错，但是，我看到了：

• GA 函数名称为大写（GA 而不是应为的ga）
• send 调用的语法与doc example 不同

相反，你为什么不试试这个：

ga('send', 'event', 'EXAMPLE CATEGORY', 'continue clicked', label, {
    hitCallback: clickLink
});

Answer 2

将传输字段设置为“信标”。就这么简单。