Javascript 谷歌分析/标签管理器-事件跟踪-I';我很困惑
我正在开发一个网页,并被要求仪器的后端记录用户点击链接。我发现谷歌分析,并认为这将提供所有的跟踪他们可能想要的。所以我建立了一个谷歌分析账户。在网页的开头,我添加了:Javascript 谷歌分析/标签管理器-事件跟踪-I';我很困惑,javascript,html,google-analytics,google-tag-manager,Javascript,Html,Google Analytics,Google Tag Manager,我正在开发一个网页,并被要求仪器的后端记录用户点击链接。我发现谷歌分析,并认为这将提供所有的跟踪他们可能想要的。所以我建立了一个谷歌分析账户。在网页的开头,我添加了: <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-MY
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-MYCODEXX-1');
</script>
从我所读到的来看,选项1似乎已经过时了。选项3似乎最符合我必须添加的脚本中的gtag代码。但我不确定这是否也需要订阅谷歌标签管理器?
我很难进行测试,因为系统管理员必须将我的网页和脚本部署到服务器上,而且目前响应速度不是很快。在我的电脑上本地运行网页时,我是否也可以测试此功能?
感谢Gtag-是谷歌针对网络分析API的最新实现。它不需要谷歌双击就可以运行(但基于双击代码,因此如果您选择使用它,可以更轻松地进行集成) 要使用此方法跟踪链接,请执行以下操作:
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);
}
有关此最新版本带来的差异(与您可能在web上找到的其他代码相比)的帮助,请参阅迁移指南。
至于调试-这里有一个用于分析的Chrome插件:
我以前已经成功地使用它调试本地事件,因为它将在控制台中提供一些输出 您的google analytics脚本是正确的,将其包含在头部是正确的
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-MYCODEXX-1');
</script>
测试这一点的最佳方法是登录到您的GA帐户,在左侧“报告”菜单下的这个特定属性上,您将找到Real Time。在“实时”下有“事件”选项卡
单击网站上的onClick事件应该会触发一个事件显示在事件选项卡中,如果您看到这种情况,您就知道您的事件正在触发。这可以通过本地PC进行测试
这也可以通过Tag Manager完成,但它是一个不同的设置过程 所以我应该用您提供的代码替换javascript函数中的gtag代码,而忽略注册google标记?事件是否为默认标记,因此不需要google标记?不,仅用我提供的内容替换trackOutboundLink中的选项1和选项2。i、 e您的选项3不正确。我已经更新了Reflectk的答案,我正在尝试,但当在我的PC上本地运行该网站时,google analytics似乎什么都没有发生(通过在chrome中打开index.html并单击链接)。我认为'send_to'参数也是可选的,对吗?“是基于双击代码”-我有理由相信你的意思是“基于Google标记管理器代码(相同的数据层架构等)根据我的经验,Google Tag Manager非常易于使用,可以在不必编写任何代码的情况下完成这类工作。我个人建议您查看一下。
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);
}
<script>
window.dataLayer = window.dataLayer || [];
function gtag() { dataLayer.push(arguments); }
gtag('js', new Date());
gtag('config', 'UA-MYCODEXX-1');
</script>
gtag('event', 'Title goes here', {'event_category': 'Category goes here','event_label': 'Label goes here'});