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

Question

我想使用Google Analytics-event，如下所示：

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的值你不能改变，没有它们，脚本不会发送任何东西到谷歌分析。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>