我正在开发一个网页,并被要求检测后端以记录用户对链接的点击。我找到了Google Analytics(分析),并认为这将提供他们可能想要的所有跟踪。因此,我建立了一个Google Analytics(分析)帐户。在网页的顶部,我添加了:
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-MYCODEXX-1');
</script>
然后我在页面上添加了一个按钮,如下所示:
<a href="didyouknow.html" class="btn btn-primary" onclick="trackOutboundLink(this, 'Internal Links', 'Did You Know'); return false;">More</a>
然后,我一直试图找出如何跟踪链接点击的方法。我遇到了3种不同的方法,但我不知道在我的情况下使用什么方法:
function trackOutboundLink(link, category, action) {
try {
_gaq.push(['_trackEvent', category, action]);// OPTION 1
ga('send', 'event', category, action); // OPTION 2
gtag('event', category, action); // OPTION 3
} catch (err) {
}
setTimeout(function () {
document.location.href = link.href;
}, 100);
}
从我阅读的内容来看,选项1已过时。选项3似乎最符合我必须添加的脚本中的gtag代码。但是我不确定这是否还需要订阅Google跟踪代码管理器? 我很难测试,因为系统管理员必须将我的网页和脚本部署到服务器上,并且目前响应速度并不快。在我的PC上本地运行网页时,我还可以测试这种方法是否有效吗? 谢谢
答案 0 :(得分:0)
Gtag-Google针对Web的Analytics API的最新实现。它不需要Google双击即可起作用(但它基于doubleclick代码,因此以后您选择使用它时,可以更轻松地进行集成)。
使用此方法跟踪链接:
function trackOutboundLink(link, category, action) {
try {
gtag('event', 'play', {
'send_to': 'UA-MYCODEXX-1',
'event_category': 'Videos',
'event_label': 'Fall Campaign'
});
} catch (err) {
}
setTimeout(function () {
document.location.href = link.href;
}, 100);
}
有关此最新版本带来的差异(请参阅网络上的其他代码),请参阅迁移指南以获取帮助。 https://developers.google.com/analytics/devguides/collection/gtagjs/migration
关于调试-此处有一个Google Analytics(分析)的Chrome插件:
我以前已经成功地使用它来调试本地事件,因为它将在控制台中提供一些输出。
答案 1 :(得分:0)
您的Google Analytics(分析)脚本是正确的,并且将其包含在头部是正确的。
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-MYCODEXX-1');
</script>
使用最新的Google Analytics(分析)脚本时,事件跟踪将成为gtag。
gtag('event', 'Title goes here', {'event_category': 'Category goes here','event_label': 'Label goes here'});
测试此问题的最佳方法是登录您的Google Analytics(分析)帐户,在左侧报告菜单下的此特定属性上,您会找到“实时”。在实时下,您具有事件选项卡。
在您的网站上单击onClick事件后,应该会触发一个事件以显示在“事件”选项卡中,如果您看到这种情况,则说明您的事件正在触发。可以从本地PC进行测试。
这也可以使用跟踪代码管理器来完成,但是其设置过程有所不同。