Javascript 谷歌分析：事件跟踪表单操作

我想使用Google Analytics事件，如下所示：

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

<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>

<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>

触发以下表单操作时：

<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>

---

知道怎么做吗？

你是说这样吗

<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>

---

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

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

$.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'
        }
    }
});

---

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

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

<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>

<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>

send

和

event

的值不能更改，没有它们，脚本将不会向Google Analytics发送任何内容。

Catergoy

和

Action

值是必需的，您可以给它们取任意名称。对于

操作

，我建议

单击

，这是您正在注册的操作

单击

。如果需要，您甚至可以添加更多可选参数

您的代码可能如下所示：

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

<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>

<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>

谷歌更新了他们的方法。你应该看看他们新的做事方式：