我正在尝试将分析事件跟踪添加到 onclick 事件以在表单上提交输入。
我尝试了多个不同的示例并引用了几个不同的 SO 帖子来达到这一点。我可以让 onclick 提交表单或触发跟踪事件,但不能两者兼而有之。
第一个例子:(提交表单+日志到控制台但不触发事件)
<!-- Analytics tracking code -->
<form action="test.php" id="form" method="post">
<input type="text" name="name" id="name">
<!-- Submits form + logs to console but doesn't fire event -->
<input type="submit" name="submit" value="Submit" onclick="
var _this = this;
_gaq.push(
['_trackEvent', 'Forms', 'Submit', 'Home Contact'],
function() {
console.log('submitting');
$(_this).parents('form').submit();
}
);
">
</form>
第二个例子:(触发事件+日志到控制台但不提交表单)
<!-- Analytics tracking code -->
<form action="test.php" id="form" method="post">
<input type="text" name="name" id="name">
<!-- Fires event + logs to console but doesn't submit form -->
<input type="submit" name="submit" value="Submit" onclick="
var _this = this;
_gaq.push(['_set','hitCallback',function(){
console.log('submitting');
$(_this).parents('form').submit();
}]);
_gaq.push(
['_trackEvent','My category','My action']
);
return !window._gaq;
">
</form>
我还发现,如果我将 return false 添加到第一个示例的 onclick 事件的末尾,它将触发分析事件跟踪但不提交表单。