Worpdress上的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 调用复制/粘贴到控制台中来测试脚本，看看它是否建立了连接或是否给出了错误。如果连接有效，则在手动调用函数时，您将在浏览器开发工具的"网络"选项卡中看到一个请求。

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

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