WordPress 上的 Google Analytics 事件跟踪

我试图在单击特定菜单项时发送事件。我的头脚本如下：

<!-- 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'。到目前为止什么都没有。

你知道我做错了什么吗？

谢谢

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

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

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

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

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