jquery - Google Analytics 中的跟踪锚链接无法正常工作

Question

我正在尝试在 Google Analytics 中实现跟踪链接。我知道这已经被问过很多次了，但我似乎无法让它正常工作（GA 套件中没有显示任何内容）。理想情况下，我想指定一些要跟踪/捕获的链接和按钮。我的属性的标题中有这个脚本以及一个名为“trackOutboundLinks”的函数。难道我做错了什么？还是有更好、更现代的方法来做到这一点？（除了谷歌标签管理器）。谢谢

<a href="#" id="cart-checkout" rel="checkout" class="button branding-primary-color-bg" style="">Checkout</a>

(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-44871699-2', 'auto');
ga('require', 'displayfeatures');

//updated to track page query string and hash
ga('send', 'pageview', {
  'page': location.pathname + location.search + location.hash
});

//Function for tracking links
function trackOutboundLinks(category, action, label, url) {
  ga('send', 'event', category, action, label)
}
//Testing it with the below event
var $cart = $('#cart-checkout')

$cart.on('click', function() {
  console.log('clicked');
  trackOutboundLinks("cart", "click", "logo", $(this).attr("href"));
});

标签： jquerygoogle-analytics