电话 link 使用 Google 分析进行跟踪

Question

我正在尝试通过向 Google analytics 发送事件来全局跟踪对 tel: 链接的点击。我会通过标签管理器来完成，因为那样会更容易，但我工作的客户是一家特许经营公司，总部不允许使用标签管理器。

我想出了这段代码并尝试了其他变体，但无法让它工作。

jQuery("a[href^='tel:']").click(function(e){
    e.preventDefault();
        ga('send', 'event', 'Call Test', 'click', jQuery(location).attr('href'));
        phonenumber = jQuery(this).attr("href");
        window.location = phonenumber;
    });

它确实成功地允许调用发生，但没有将事件发送到 Analytics。

Answer 1

我能够解决这个问题并弄清楚。为他人共享代码。另外，请务必在代码之前从 CDN 或内部加载 jQuery。

$("[href*='tel:']").click(function(e) {

  e.preventDefault();
  var href = $(this).attr('href');

  // tel:
  if (href.toLowerCase().indexOf("tel:") >= 0) {
    eventCategory = 'Call';
    eventLabel = href.replace('tel:', '');

  }   

gtag('event', 'Click', {
    'event_category': eventCategory,
    'event_label': eventLabel
  });

  ga('send', {
  hitType: 'event',
  eventCategory: eventCategory,
  eventAction: 'Click',
  eventLabel: eventLabel
  });

  setTimeout(function() {

window.location = href;
  }, 500);

});

电话 link 使用 Google 分析进行跟踪

Tel link tracking with Google Analytics

jquery

google-analytics

event-tracking