使用Google Analytic功能进​​行可区分的事件跟踪

Question

我正在尝试在HTML / JS网页的代码中添加事件跟踪。因此，每次单击一个按钮时，执行一个函数，对于每个这样的执行，我想要一个不同的事件跟踪器。

例如： 如果是第一次点击，则增加第一个计数器。 如果是第二次单击，请增加第二个计数器。 这里不必担心这种处决的次数不超过三次。

到目前为止，该函数看起来像这样（或多或少）：

    function next_click()
    {
        var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-xxxxxx-x']);
  _gaq.push(['_setDomainName', 'none']);
  _gaq.push(['_trackEvent', 'Follow', 'Facebook']);
  _gaq.push(['_trackPageview']);

  (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-xxxxxx-x', '127.0.0.1');
  ga('send', 'pageview');
        if (document.getElementById("step" + (current_step + 1)) == undefined)
        return;
    if (!validate_step(current_step))
        return;
    document.getElementById("step" + current_step).style.display = "none";
    current_step++;
    page_count++;
    }

我在配置事件时遇到问题。

Answer 1

当页面完成加载时，onload事件仅在body标签上触发。 你真正想要的是，你的div的显示状态发生变化时的事件。 由于此类事件不存在，您必须编写一些代码来检查step2现在是否已在您已有的单击函数中显示。

Answer 2

您是否正在使用此代码初始化您的GA

(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-XXXXX-X', 'example.com');
ga('send', 'pageview'); 

Answer 3

找到解决方案。问题是我没有使用以下行：

ga('send', 'event', 'Category', 'action','lable', value);

而不是全球跟踪线：

ga('send', 'pageview');

因此，每次计数器增加/减少时，它都不会被发送回Google。 现在添加此行后，事件就会显示出来。

通过更改类别字段或/和操作字段来区分事件的方法很简单。 有关更多参考，请参阅此处：  Event Tracking