使用 Google Tag Manager 和 Universal Analytics 的 onclick 事件

Posted

技术标签:

【中文标题】使用 Google Tag Manager 和 Universal Analytics 的 onclick 事件【英文标题】:onclick events with Google Tag Manager and Universal Analytics 【发布时间】:2014-01-03 16:10:18 【问题描述】:

我的客户正在使用 Google 跟踪代码管理器和 Universal Analytics,并且希望能够跟踪他们网站上视频的观看次数。他们的视频是通过 onclick 事件显示在 shadowbox/lightbox 中的 YouTube 视频。

我在打开阴影框的同一 div 中添加了第二个 onclick 事件,但 datalayer.push 事件未出现在 Analytics 报告中。我在下面包含了我的 onclick 脚本:

<div onclick="OpenVideo( 'S6cPlRkiKTw', 'youtube' );dataLayer.push('eventCategory' : 'videos', 'eventAction' : 'click', 'eventLabel' : ’The Title of the Video', 'event' : 'shadowboxVideo');”>

“OpenVideo”功能在影子框中打开视频,这工作正常,但在 Google Analytics(分析)报告中没有跟踪点击次数。

是否有人发现我的脚本有任何问题或有其他建议?因为客户想在报告中看到视频的标题,所以除了使用 onclick 事件之外,我想不出任何其他方法来做到这一点,但也许我错过了一些东西。

【问题讨论】:

【参考方案1】:

将变量推送到数据层本身并不会将任何数据发送到 Google Analytics。您需要在代码管理器中使用“事件跟踪”类型的 Google Analytics(分析)代码,并将“事件等于 shadowboxVideo”作为触发规则。

【讨论】:

感谢您的建议。我之前已经按照您的建议创建了一个新标签,但也许我做错了什么。我在跟踪代码管理器中包含了一个指向显示此标签的屏幕截图的链接。 dl.dropboxusercontent.com/u/251322/screenshot.png 看起来不错。当我测试您帖子中的代码片段时,我发现它在两次使用错误的引号(这会导致 js 错误,从而阻止跟踪) - 是来自 *** 编辑器的人工制品还是那些实际错误(谈论右双引号和“视频标题”前面的双引号)?【参考方案2】:

有很多视频吗?您可能只监听元素 url,然后在 UA 中创建一个规则,用标题替换 Youtube URL。我为他们只想知道 URL 的客户设置了它。 另外,为什么不在 GTM 中使用自动事件而不是硬编码?

【讨论】:

是的,大概有一百多个视频。不幸的是,它们都被附加到 DIV 的 onclick 事件“激活”。换句话说,没有 HREF 值……只有我原始帖子中显示的点击事件中的视频 ID。由于他们构建网站的方式,我认为不可能在 GTM 中使用自动事件……我几乎可以肯定我需要对它们进行硬编码。

以上是关于使用 Google Tag Manager 和 Universal Analytics 的 onclick 事件的主要内容,如果未能解决你的问题,请参考以下文章

来自 Google Tag Manager 的用户数据摄取流程,用于 Recommendation AI Google 云平台

3.2.9 Google Tag Manager实战指南——广告参数传递

javascript Google Tag Manager表单提交

React + Router + Google Tag Manager

3.1.7Google Tag Manager基础知识—— GTM Debug

3.2.1Google Tag Manager实战指南—— 容器的导出与导入