javascript - 提交表单时使用_trackEvent进行Google Analytics(分析)事件跟踪

Question

当用户单击我的注册表单上的“提交”按钮时，我试图跟踪事件。

我的页面中有以下代码：

Google Analytics（分析）-在我关闭</head>标记之前：

<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-XXXXXXXX-XX']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>

表单事件追踪：

<input onclick="_gaq.push(['_trackEvent', 'Forms', 'Submit', 'mylist', , false]);" name="submit" id="af-submit-image-873297158" type="image" class="image img-responsive" style="background: none;" alt="Submit Form" src="img/orange_free_instant_access_button.png" tabindex="503">

每次我加载页面并单击表单时，该事件都会记录在Analytics（分析）的“实时事件”部分中。这似乎工作正常，但是在过去24小时内，从总共一百多个已知注册到列表中，仅记录了极少数。 （总共12个，其中大多数是我自己的测试提交的内容）。

我只能假设该事件未发送到Google，但据我看代码看起来还不错，而且我还可以看到该事件是使用GA调试插件通过控制台发送的。

我试过通过jQuery调用触发事件，试过各种事件，如onmousedown和实际的表单提交事件，但什么也没有。 （我什至从analytics.js回滚到ga.js，创建了一个全新的配置文件，因为我认为这可能是一个“测试版”问题。）

我确实怀疑该事件没有在页面更改位置之前及时触发，但是当我测试自己时，事件每次都触发。我已经尝试过Chrome，FF和IE10。

为了解决此问题，我在页面正文上附加了一个onload事件，并且可以看到该事件正在被记录下来，即使是来自实时访问者的事件也是如此。问题似乎集中在表单事件上。

Answer 1

好的，现在是时候为别人的利益回答我自己的问题了：

我做了一些挖掘工作，这是由于在正确跟踪事件之前页面更改位置引起的。感谢乔尔·彼得森（Joel Peterson）的帖子，我想到了这段代码：

jQuery(document).ready(function($){
    $('form').submit(function(event){
        //if analytics object exists
        if(window._gat){
            event.preventDefault();
            optinForm = this;
            _gaq.push(['_set','hitCallback', function(){
                                                optinForm.submit();
                                             }]);
            _gaq.push(['_trackEvent', 'Forms', 'Submit', 'hbsanewtraffic']);
        }
        //if no analytics object, service as normal
    });
});

它使用回调函数来确保首先发送事件，然后提交我的表单。