Google-Analytics：事件跟踪表单操作

Question

我想使用像这样的Google Analytics事件：

onclick="_gaq.push(['_trackEvent', 'Forms', 'Submit', 'Home Contact']);"

当触发以下表单操作时：

<form action="http://webshop-cs.tecdoc.net/sonnak/?user=sonnakno&pass=sonnakno&articleCountry=NO" method="post" target="_blank">
    <input id="submit" src="http://www.sonnak.com/wp/wp-content/uploads/2010/07/lv2.jpg" type="image" value="submit"/> 
</form>

知道怎么样？

Answer 1

你的意思是这样的吗？

<form action="http://webshop-cs.tecdoc.net/sonnak/?user=sonnakno&pass=sonnakno&articleCountry=NO" method="post" target="_blank">
    <input id="submit" src="http://www.sonnak.com/wp/wp-content/uploads/2010/07/lv2.jpg" type="image" value="submit" onclick="_gaq.push(['_trackEvent', 'Forms', 'Submit', 'Home Contact']);"/> 
</form>

Answer 2

我可以推荐你这个jQuery插件（我是作者）。 使用它可以轻松设置Google Analytics的事件跟踪：

https://github.com/DiegoZoracKy/google-analytics-event-tracking 。

使用此插件，您跟踪此表单提交的代码将是：

$.googleAnalyticsEventTracking({
    targetSelector: 'form[action="http://webshop-cs.tecdoc.net/sonnak/?user=sonnakno&pass=sonnakno&articleCountry=NO"]', // I suggest you give an ID (e.g. home-contact) to this form and then use #home-contact instead of lookup for the action attribute
    events: {
        eventType: 'submit',
        gaEventData: {
            category: 'Forms',
            action: 'Submit', 
            label: 'Home Contact'
        }
    }
});

Answer 3

您是否在标题中使用了更新的Google Analytics跟踪代码？ 应该是这样的：

<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','//www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-XXXXXXXX-X', 'auto');
  ga('send', 'pageview');

</script>

使用新格式跟踪事件：

onclick="ga('send', 'event',  'Category', 'Action')"

您无法更改的send和event值，如果没有这些值，脚本将不会向Google Analytics发送任何内容。 Catergoy和Action值是必需的，您可以为它们指定任何您想要的名称。 对于Action我建议click ，这是您在onclick注册的操作。 如果需要，您甚至可以添加更多可选参数。

您的代码可能如下所示：

<form action="http://webshop-cs.tecdoc.net/sonnak/?user=sonnakno&pass=sonnakno&articleCountry=NO" method="post" target="_blank">
   <input id="submit" src="http://www.sonnak.com/wp/wp-content/uploads/2010/07/lv2.jpg" type="image" value="submit" onclick="ga('send', 'event',  'Form', 'click')";"/> 
</form>