适用于Google跟踪代码管理器的60多种自定义JavaScript代码段的大量列表

一年多以前，当该博客看到日光时，我的愿景是（现在仍然是）让Analytics（分析）狂热排名第一，以查找Google跟踪代码管理器资源。是的，我知道’s几乎无法超越  西摩 ’s blog但是，嘿，让我梦想大ðŸ™，

结果， 30多种GTM食谱 诞生了，它的受欢迎程度超出了我的最大期望。另外，让’s not forget 120多种GTM资源的终极清单, GTM清单（60多个项目） ，巨大  Google跟踪代码管理器词汇表 等

几个月过去了，我注意到网络分析社区成员的另一个需求不断增长， 一种在线图书馆/馆藏，在其中可以找到各种JavaScript代码段（准备在GTM中使用).

原来这样的事仍然不存在！或者至少我不能’t find one online. 嗯...该发光了吗？

我向您展示了Google跟踪代码管理器的大量自定义JavaScript代码段。但是不要’别忘了明智地使用它们。大多数代码段应作为自定义HTML标签添加，而一小部分应作为GTM中的自定义JavaScript变量使用。

每个链接都会将您重定向到GTM食谱或博客文章（由我或其他作者撰写），其中提供了详细的安装说明。为了您的方便，我’ve将所有代码分为几类。

显然，此列表不是最终形式，并且将来还会增长，因此如果您没有’尚未，请订阅Analytics Mania’s在下面的表格中更新。

您是否注意到缺少的东西？口袋里藏着很棒的剧本吗？在评论中让我知道，我’将其包括在列表中。

经常阅读《 分析狂热》的读者可能已经了解了其中的许多内容，但我保证每个人都会发现新的东西。准备？让’s go!

 

特定元素的外观

#1. 悬停侦听器 将发生在页面上给定CSS选择器上的悬停交互的事件推送到数据层。

#2. 自定义元素可见性侦听器 跟踪何时出现某些元素以及  消失  从屏幕上（向上或向下滚动之后）。

 

音频播放器

#3. Soundcloud播放器监听器 跟踪您网站上与嵌入式Soundcloud播放器的交互（播放，暂停并查看音频轨的25％，50％，75％和100％）。

#4. Mixcloud播放器监听器 跟踪您网站上与嵌入式Mixcloud播放器的交互（访问者收听音频轨道的25％，50％，75％时。其他可能的事件是：“缓冲”，“播放”，“暂停” €™，“终止”，“错误”）。

 

与浏览相关的脚本

#5. 跟踪访问者何时反弹回Google’的搜索引擎结果 （SERP）。

#6. 标签可见性跟踪 使您能够跟踪隐藏或显示包含网站的浏览器选项卡的时间。

#7. 检查访客是否正在使用广告拦截器.

#8. 检测访客是否使用隐身模式.

#9. 退出意图侦听器 当访问者倾向于离开您的网站时，触发数据层事件。

#10. 打印监听器 跟踪何时有人打印您的网站页面。

#11. 复制文字监听器 跟踪何时有人在您的网站上复制文本。

 

聊天/评论

#12. 追踪Facebook评论 （嵌入到您的网站中）。

#13. 跟踪DISQUS评论提交.

#14. 跟踪Zendesk（以前称为Zopim）聊天小工具互动。

#15. 跟踪Tawk.to聊天小部件交互.

 

饼干

#16. 实施Cookie同意 当新访客登陆您的页面时。

#17. 在访客中设置Cookie’s browser （然后通过第一方Cookie变量进行读取）。

#18. 设置Cookie的页面浏览量。对于每个页面视图，Cookie中的计数器都会增加1。对于那些希望在例如第三次页面视图之后触发特定标签的用户很有用。

 

 

设备相关

#19. 游客’s Variable – Screen WidthÂ（自定义JavaScript变量）

#20. 访客可以用移动设备浏览吗？ （自定义JavaScript变量）

 

表格追踪

#21. 跟踪下拉选择.

#22. 追踪表格遗弃.

#23. 跟踪表单字段计时.

#24. 重力形成听众。在我的一篇博客文章中， 如何跟踪表单提交， 一世’ve解释了如何编写没有编码技能的自定义自动事件侦听器。以重力形式为例。

#25. 联络表格7 表单提交侦听器。

#26. AJAX表单追踪 利用Lunametrics’AJAX侦听器。实际上，您可以跟踪基于此技术的任何Web交互。

#27. 预填写表格字段。当您想查看每个提交的确切流量来源（无需检查Google Analytics（分析））时，此技术很有用。

 

专家提示：  我建议将此列表添加为书签，以防您’我们需要一些自定义JavaScript代码段，以便Google跟踪代码管理器’s reach.

 

与页面相关

#28. 跟踪页面加载时间.

#29. 该网页是否位于iframe中？ （自定义JavaScript变量）

 

搜索引擎优化

记住它’直接通过代码添加SEO内容（例如架构，元标记等）总是更好。无论如何，这是一些代码（用于科学）。

#30. 如何插入rel =”cannonical” with GTM.

#31. 添加架构标记.

#32. 提取页面值’s meta tags （自定义JavaScript变量）。

更新时间：   有一个 较新的指南如何通过GTM实施SEO更改.

 

社交网络

#33. 跟踪Twitter按钮的点击 （嵌入到您的网站中）。

#34. 追踪Facebook的点击喜欢，发送按钮 （嵌入到您的网站中）。更新：Facebook完全不建议使用“发送”按钮，并且不建议跟踪“赞”按钮。因此，此列表项已过时。

#35. 跟踪通过AddThis插件获得的社交分享.

 

时间/天气

#36. 提取访客’s local time 并将流量分成内容组。

#37. 抓住访客’s weather data 并将其发送到Google Analytics（分析）。

#38. 自定义计时器触发 当发生另一种互动（例如点击）时，此操作开始。

 

流量来源相关

#39. 将UTM参数从一页转移到另一页。如果没有跨网域跟踪，此功能非常有用’可能的话，您有一个中间登录页面，并且想要将其UTM参数传输到下一页。

#40. 访客是有机的吗？ （来自搜索引擎），自定义JavaScript变量。

 

视频播放器

#41. 追踪Vimeo玩家互动.

#42. 追踪Wistia玩家互动.

#43. 追踪JW玩家互动.

#44. 跟踪通用的HTML5视频播放器互动.

#45. 追踪Vidyard玩家互动.

 

其他

#46. 下载文件的名称 （自定义JavaScript变量）

＃47-50。 Konami代码。 西摩 Ahava发表了一名听众 它捕获了在视频游戏中用作作弊代码的著名组合。我添加了一些较小的修改（可在网上找到），因此，您现在可以使用4个不同的Konami代码：

##47. 总督科南码.
##48. 哈林摇Konami代码.
##49. Rick Roll Konami代码.
##50. 射击开始Konami代码.

#51. 变更Android Chrome’s address bar color.

#52. 在从您的网站复制的文本中添加版权声明.

#53. Komito分析。快速安装的库可自动跟踪各种交互并将该数据发送到Google Analytics（分析）。

#54. 随机数 （在定义的范围内），自定义JavaScript变量。

#55. 从网址中删除个人身份信息（PII）.

#56. 追踪网站’自动完成搜索.

＃57-63。 GTM的7个自定义JavaScript变量.

 

 

最后的话

我100％肯定此列表还不完整。仍然有很多有用的脚本在其中徘徊。帮助我使这个库/列表/集合/任何东西都更大，因此使它对像您这样的读者更有用。

您是否错过了Google跟踪代码管理器的自定义JavaScript代码段列表中的内容？如果是这样，请在评论中让我知道，Twitter，Linkedin或julius [analyticsmania.com]。