事件跟蹤不適用於 Google Analytics

Question

我已經嘗試了一切試圖讓一些簡單的事件跟蹤工作無濟於事。 這是代碼。 我正在使用通用分析。

 <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函數做到這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>

此外，您可以使用Chrome的Google Analytics Debugger 擴展程序來檢查事件是否已觸發，而不是實時查看。

谷歌分析參考