事件跟踪不适用于 Google Analytics（分析）

Question

我已经尽一切努力试图让一些简单的事件跟踪工作无济于事。这是代码。我正在使用 Universal 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-xxxxxxx', 'thissite.net');
          ga('send', 'pageview');


            /*Testing with this link*/

              $('.home-logo').on('click', function() {
                alert('clicked');
                ga('send', 'event', 'homelogo', 'click', 'icons');

        });
         </script>

        <!--Sample Link -->
         <a href="/portal/" class="home-logo"><img src="/images/aeportal_logo_small.png" width="95" border="0" /></a>

它使用 AJAX 和服务在应用程序上呈现内容，所以我不确定是否需要做其他事情。我知道还有一个“命中回调”函数，但这也不起作用。感谢您提供的任何帮助。

Answer 1

您可能需要延迟页面继续移动，以便 GA 发送事​​件。

您可以使用hitCallback 函数来做到这一点，并将其放入一个可重用的函数中，这样您就可以为整个页面的出站链接添加事件：

function trackOutboundLinks(category, action, label, url){
    ga('send', 'event', category, action, label, {'hitCallback':
       function () {
           document.location = url;
        }
     });
}

$('.home-logo').on('click', function(e) {
     e.preventDefault();
     trackOutboundLinks("homelogo", "click", "icons", $(this).attr("href"));
});

或者，您可以将onclick 函数添加到链接本身，而不是使用上面的.on 函数：

<a href="/portal/" class="home-logo" onclick="trackOutboundLinks('homelogo', 'click', 'icons', '/portal/'); return false;"><img src="/images/aeportal_logo_small.png" width="95" border="0" /></a>

此外，您可以使用Google Analytics Debugger extension for Chrome 来检查事件是否被触发，而不是盯着实时。

Google Analytics Reference