当有人填写表单并点击提交时，我需要在谷歌分析中跟踪一个事件。出现的结果页面是一个标准的仪表板类型页面，因此为了跟踪该页面上的事件，我必须在 url 中传递事件，然后读取 url 并输出谷歌分析事件跟踪 javascript 代码基于它。这是一个经常添加书签的页面，并且页面会重新加载、点击返回等。所以我真的不想在 URL 中传递跟踪事件并搞砸分析。
相反，我更愿意使用表单在页面上执行类似以下 jQuery 代码的操作：
$('#form_id').submit(function() {
_gaq.push('_trackEvent', 'my category', 'my action');
});
我担心上面的问题是我会错过一些正在跟踪的事件，因为在调用该 javascript 之后，浏览器将立即提交表单并转到另一个网页。如果 utm.gif 跟踪图像没有及时加载，我会错过这个事件:(。
我的恐惧有道理吗？如何确保我不会错过正在跟踪的事件？
hitCallback您可以在跟踪器对象上指定自定义回调函数。
_gaq.push(['_set', 'hitCallback', function(){}]);
在“命中发送成功”后调用回调。
如果您想跟踪提交按钮上的点击并在之后发送表单，您可以为您的事件使用以下代码（使用 jQuery）：
var _this = this; // The form input element that was just clicked
_gaq.push(['_set','hitCallback',function() {
$(_this).parents('form').first().submit(); // Submit underlying form
}]);
_gaq.push(['_trackEvent', 'My category', 'My action']);
return !window._gat; // Ensure that the event is bubbled if GA is not loaded
或者作为onclick您<input type="submit">元素的一个衬垫：
onclick="var _this=this;_gaq.push(['_set','hitCallback',function(){$(_this).parents('form').first().submit();}]);_gaq.push(['_trackEvent','My category','My action']);return !window._gat;"
它做了什么，它跟踪事件My category/My action，使用 jQuery 查找刚刚按下的提交按钮的底层表单元素，然后提交整个表单。
请参阅：Google Analytics - 将数据发送到 Google Analytics - 点击回调（感谢 supervacuo）
更新 如果你使用定义了 ga() 函数的现代 analytics.js 代码，你可以这样写：
var _this = this;
ga('send', 'event', 'My category', 'My action', {
'hitCallback': function() {
$(_this).parents('form').first().submit();
}
});
return !window.ga;
只有两种方法可以 100% 确保所有表单提交（在启用了 JS 且未阻止 GA 的用户中）如下：
这样做的原因是 Google Analytics 没有回调函数，因此您永远无法确定是否捕获了所有提交，即使您设置了 10 秒的延迟。
或者，您可以将 GET 值传递给提交的页面并在该页面上设置该值的检查。如果设置，您可以发送 trackEvent 调用。
对于那些处理 google 分析通用并使用 hitCallback 做一些技巧的人（验证后但提交表单之前的 fx 跟踪事件）请记住，google-analytics.js 可能会被阻止，但仍会定义 ga 函数，因此提交不会发生。
ga('send', 'pageview', event, {
'hitCallback': function() {
_this.submit();
}
})
return !window.ga;
可以通过检查 ga 是否加载的验证来修复
ga('send', 'pageview', event, {
'hitCallback': function() {
_this.submit();
}
})
return !(ga.hasOwnProperty('loaded') && ga.loaded === true)
这个问题已经有几年的历史了，似乎谷歌分析已经提供了一种无需上面给出的技巧就可以做到这一点的方法。
来自谷歌分析文档：
除了命令数组，您还可以将函数对象推送到 _gaq 队列。这些函数可以包含任意的 JavaScript 和命令数组，它们按照被推送到 _gaq 的顺序执行。
您可以将其与多命令推送相结合，以确保它们按顺序添加（并保存调用）。
$('input[type="submit"]').click(function(e) {
// Prevent the form being submitted just yet
e.preventDefault();
// Keep a reference to this dom element for the callback
var _this = this;
_gaq.push(
// Queue the tracking event
['_trackEvent', 'Your event', 'Your action'],
// Queue the callback function immediately after.
// This will execute in order.
function() {
// Submit the parent form
$(_this).parents('form').submit();
}
);
});
如果您不太担心 100% 的准确度，您可以延迟 1 秒。
$('#form_id').submit(function(e) {
var form = this;
e.preventDefault(); // disable the default submit action
_gaq.push('_trackEvent', 'my category', 'my action');
$(':input', this).attr('disabled', true); // disable all elements in the form, to avoid multiple clicks
setTimeout(function() { // after 1 second, submit the form
form.submit();
}, 1000);
});