Google Universal Analytics - 通过单击链接跟踪多个事件答案

【问题标题】：Google Universal Analytics - track multiple events on a single link clickGoogle Universal Analytics - 通过单击链接跟踪多个事件
【发布时间】：2015-06-04 16:15:09
【问题描述】：

谷歌建议track outbound links：

ga('send', 'event', 'outbound', 'click', url, {
    'hitCallback': function () {
        document.location = url;
    }
});

一旦成功跟踪事件，它使用“hitCallback”将用户重定向到页面。

每次点击跟踪多个事件的语法是什么？

我不想写这样的代码：

ga('send', 'event', 'outbound', 'click', url, {
    'hitCallback': function () {

        ga('send', 'event', 'foo', 'click', url, {
            'hitCallback': function () {

                ga('send', 'event', 'bar', 'click', url, {
                    'hitCallback': function () {
                        document.location = url;
                    }
                });
            }
        });
    }
});

任何解决方案都需要支持 IE7+ 并且没有库依赖。

【问题讨论】：

Google 建议使用 hitCallback 以确保在页面导航离开之前发送命中。那么您的链接是在标签中打开还是在同一标签中打开？您可以尝试使用“useBeacon”标志（或者我认为它现在称为“transport”）而不是 hitCallback。它本质上做同样的事情：developers.google.com/analytics/devguides/collection/…
链接将在同一选项卡中打开。我确实查看了信标功能，但使用了Navigator.sendBeacon()，它没有太多支持。这需要在 IE7+ 中工作
您是否尝试过在鼠标按下时发送事件？这样，您可能不需要 hitCallback，因为事件会在用户点击完成之前发送。
这正是你会使用 Promise 的类型，但如果你不想拥有任何库依赖项，那么你必须自己编写所有代码。
不是我不想使用库，当前的限制让它变得困难。我认为 Universal Analytics 可能有一个语法来提交多个事件，就像以前的版本一样：stackoverflow.com/questions/9572402/…

标签： google-analytics

【解决方案1】：

我认为有两种可能的方法：

假设 GA 按顺序处理事件并且只对最后一个事件使用命中回调。
使用单次点击回调来计算调用次数，并且仅在收到最后一次预期调用时更改document.location。

【讨论】：

由于似乎没有任何方法可以为每个操作发送多个事件，并且做出假设从来都不是一个好主意，它实际上只留下您的第二种方法或嵌套回调作为选项。虽然两者都不理想，但我已经实现了事件计数，因为考虑到我的限制，它更适合。

【解决方案2】：

你应该试试这个：

ga('send', 'event', 'outbound', 'click', url, {transport: 'beacon'});
ga('send', 'event', 'foo', 'click', url, {transport: 'beacon'});
ga('send', 'event', 'bar', 'click', url, {
    transport: 'beacon',
    hitCallback: function () {
        document.location = url;
    }
});

Transport 参数由经典像素跟踪作为后备，因此 IE7 应该能够幸免于难。

如果使用了sendBeacon/transport，你独立于回调河，所以最后一个ga调用就足够了。

【讨论】：