跟踪代码管理器的 60 多个自定义 JavaScript 片段的海量列表

Google 发布时间:2021-08-16更新日期:2021 年 1 月 9 日早在 2016 年这个博客开始时,我的愿景是(现在仍然是)让 Analytics Mania 成为查找 Google 跟踪代码管理器资源的第一名。是的,我知道要登上 Simo 的博客几乎是不可能的,但是嘿,让我梦想成真于是,GTM 食谱库诞生了,它的受欢迎程度超出了我的最大预期。此外,我们不要忘记 120 多个 GTM 资源的最终列表、GTM 清单(60 多个项目)、庞大的 Google 跟踪代码管理器词汇表等等。几个月过去了,我注意到网络分析社区成员的另一个增长需求,一个在线库/集合,人们可以在其中找到各种 JavaScript 代码片段(准备在 GTM 中使用 )。原来这样的东西还是不存在的!或者至少我在网上找不到任何东西。嗯……是时候发光了?搓手gif 我为 Google 跟踪代码管理器提供了大量自定义 JavaScript 代码片段。但请记住明智地使用它们。大多数代码片段应作为自定义 HTML 标记添加,而一小部分应用作 GTM 中的自定义 JavaScript 变量。每个链接将带您到提供详细安装说明的 GTM 配方或博客文章(由我或其他作者撰写)。为方便起见,我将所有代码分类。显然,这个列表不是最终形式,未来还会增长。如果您还没有订阅 Analytics Mania 更新,请在下面的表格中

订阅。注意到缺少了什么吗?你有一个

很棒的脚本藏在你的  约旦电话号码 口袋里吗?请在评论中告诉我,我会将其包含在列表中。常规的 Analytics Mania 读者(可能)已经知道其中的许多脚本,但我保证每个人都会发现新的东西。准备好?我们走吧!特定元素的出现 #1。悬停侦听器将有关页面中给定 CSS 选择器上发生的悬停交互的事件推送到数据层。#2。自定义元素可见性侦听器跟踪某些元素何时出现和从屏幕上消失(向上或向下滚动后)。音频播放器 #3。Soundcloud 播放器侦听器跟踪与您站点上的嵌入式 Soundcloud 播放器的交互(播放、暂停和查看 25%、50%、75% 和 100% 的音轨)。#4。Mixcloud 播放器监听器跟踪与您网站上嵌入式 Mixcloud 播放器的交互(当访问者收听 25%、50%、75% 的音轨时。其他可能的事件是:“缓冲”、“正在播放”、“暂停”、 ‘完成’,’错误’)。#5。HTML5 音频播放器侦听器涵盖了一组可集成到您的站点中的未命名的通用音频播放器。导航相关脚本 #6。跟踪访问者何时从 Google 的搜索引擎结果 (SERP) 中反弹。#7。标签可见性跟踪可让您知道包含您的网站的浏览器标签何时隐藏或可见。#8。检查访问者是否在使用广告拦截器。#9。检测访问者是否使用隐身模式。#十。当访问者倾向于离开您的网站时,退出意图侦听器会触发数据层事件。#11。当有人从您的网站打印页面时打印收听曲目。#12。当有人在您的网站上复制文本时复制文本收听曲目。聊天/评论 #13。关注 Facebook 评论(集成到您的网站中)。#14。跟踪

DISQUS 评论提交。#15。从 Zendesk(以前的 Zopim)

约旦电话号码

聊天小部件跟踪交互。#16。跟踪 Tawk.to 聊天小部件交互。饼干 #17。当新访问者登陆您的页面时,实施 cookie 同意。#18。在访问者的浏览器中设置 cookie(然后通过第一方 cookie 变量读取)。#19。设置一个包含页面浏览次数的 cookie。每浏览一次页面,cookie 中的计数器就会增加 1。对于想要在第三次页面浏览之后触发特定标签的人很有用。设备相关 #20。访客变量 – 屏幕宽度(自定义 JavaScript 变量)#21。访客是否使用移动设备浏览?(自定义 JavaScript 变量)表格追踪 #22。从曲目下拉列表中选择。#23。跟踪表单放弃。 #24。跟踪表单字段同步。 #25。重力形成了听众。在我的一篇博客文章中,如何跟踪表单提交,我讨论了如何在没有编码技能的情况下编写自定义自动事件监听器。选择重力形式作为示例。#26。联系表单 7 表单提交侦听器。#27。AJAX 表单跟踪利用 Bonteous 的 AJAX 侦听器。事实上,您可以跟踪任何基于此技术的 Web 交互。#28。预先填写表格字段。当您想查看每次提交的确切流量来源(无需检查 Google Analytics)时,此技术很有用。专业提示:我建议将此列表添加为书签,以防您需要自定义 JavaScript 片段以供 Google 跟踪代码管理器使用。链接到页面 #29。跟踪页面加载时间。 #30。页面是否在 iframe 中?(自定义 JavaScript 变量)#31。计算内容可读性分数 搜索引擎优化 请记住,最好直接通过代码添加 SEO 元素(如模式、元标记等)。无论如何,这里有一些代码(用于科学)。#32。如何使用 GTM 插入 rel=”cannonical”。#33。添加架构标记。 #34。从页面元标记(自定义 JavaScript 变量)中检索值。更新:有一个关于如何通过 GTM 实施 SEO 更改的更新指南。社交网络

Leave a comment

Your email address will not be published.