jquery - Wordpress 上的 Google Analytics 事件跟踪

Question

单击特定菜单项时，我正在尝试发送事件。我的头脚本如下:

<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-124755880-1"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-124755880-1');
</script>

<!-- Custom Google Analytics click event -->
<script>
jQuery(document).ready(function($){

    function handleOutboundLinkClicks(event) {
       console.log(event.target.href);
       ga('send', 'event', {
        eventCategory: 'Outbound Link',
        eventAction: 'click',
        eventLabel: 'Book Now'
       });
    }

  $('.book-link a').click(function(event){
      console.log('click');
      handleOutboundLinkClicks(event)      
  });
});

</script>

所有控制台日志都按预期工作，站点上没有错误。
我只是无法在我的 Google Analytics(分析)仪表板上看到该事件。不在报告中，也不在实时事件中。

链接有 target="_blank"属性，所以我尝试了使用和不使用 transport: 'beacon' .到目前为止什么都没有。

你知道我做错了什么吗？

谢谢

Answer 1

您正在使用 gtag() 方法初始化 GA，因此您应该使用 gtag() 函数调用来发送事件:

gtag('event', 'click', { 'event_category': 'Outbound Link','event_label': 'Book Now'
 });

1)检查调用是否独立工作，没有点击事件。您可以通过将 gtag 调用复制/粘贴到控制台来测试脚本，并查看它是否建立连接或是否给出错误。如果连接正常，您将在手动调用该函数时在浏览器 devtools 的“网络”选项卡中看到一个请求。

2) 验证您的浏览器可以连接到 GA。您可以检查 devtools 中的“网络”选项卡，以查看是否所有对分析的调用都已进行或是否被阻止。如果您运行广告拦截器或在隐私/内容拦截模式下运行浏览器，这些跟踪器请求可能会被停止。根据您使用的浏览器，GA 可能已被默认阻止。

3) 验证分析可以看到您的请求。检查分析是否在实时跟踪中看到您的操作。首先查找初始页面浏览量，如果这不起作用，请确保您使用未过滤的 View 进行测试。