欢迎访问我的博客,有问题可以在任意文章底部留言评论

认识GTM里的网页浏览触发器:网页浏览、DOM 已准备就绪和窗口已加载

GTM触发器 Haran 8年前 (2018-03-22) 4379次浏览 0个评论
文章目录[隐藏]

更新时间:2024年12月13号

认识网页浏览触发器

网页浏览触发器就是网络浏览器加载网页时触发代码。

Google Tag Manager(GTM)里点击「触发器」——「新建」——「选择一个触发器类型以开始设置… 」就可以看到:

认识GTM里的网页浏览触发器:网页浏览、DOM 已准备就绪和窗口已加载

一共有5种类型。

DOM已准备就绪(DOM Ready)

在浏览器在 HTML 中完成整页构建且文档对象模型 (DOM) 做好解析准备后触发。当 Document Object Model准备好的时候触发,也就是已经渲染完所有html元素,当我们需要跟踪某些东西已经被呈现出来的时候需要用这个触发器。

如果要从网页从获取一些元素作为变量,就需要使用DOM 已准备就绪。

 

初始化(Initialization)

应在所有其他触发器(用户意见征求初始化触发器除外)之前触发。

主要用途是,如果不需要经过用户意见征求初始化的设置,可以选择初始化作为触发条件。

 

用户意见征求初始化(Consent Initialization)

它是最快触发,用户安装Cookie Banner/CMP ,旨在帮助确保先遵循用户意见征求设置(实施CMP),然后再触发其他任何触发器。

 

 

窗口已加载(Window Loaded)

窗口已加载:在页面(包括图片和脚本等嵌入资源)完全加载显示信息后触发

 

 

 

页面浏览(Page View)

页面浏览(也叫容器已加载):在网络浏览器开始加载网页时立即触发,一般的,大部分的代码是在这里触发。

 

 

 

网页浏览触发器执行顺序

网页浏览的触发顺序是:用户意见征求初始化>初始化>页面浏览(容器已加载)>DOM已准备就绪>窗口已加载

可以在GTM中点击「预览」,然后在Tag Assistant看它们的执行顺序:

认识GTM里的网页浏览触发器:网页浏览、DOM 已准备就绪和窗口已加载

 

 

选择哪个触发器

  • 如果要安装Cookie Banner/CMP,选择用户意见征求初始化。
  • 如果安装的是不需要经过用户意见征求初始化,选择初始化
  • 如果是页面跟踪,可以选择页面浏览(也叫容器已加载)、DOM已准备就绪和窗口已加载
    • 如果要跟踪比较全的数据,页面一打开就加载,那么选页面浏览(也叫容器已加载)
    • 如果要从页面获取一些作为变量,那么选DOM已准备就绪
    • 如果要获取页面完整加载过程,如页面打开时间,那么可以选窗口已加载,窗口已加载,就一定是网页内容已经加载完,可以获取到准确的页面加载时间,这也是Google Analytics 4 中跟踪页面加载时间中的触发器要使用窗口已加载的原因。

 

 

限制特定的页面浏览触发

以网页浏览触发器为例:

 

一个页面

在特定的页面才触发,如Page A:

认识GTM里的网页浏览触发器:网页浏览、DOM 已准备就绪和窗口已加载

多个页面

在特定的多个页面才触发,如Page A和Page B。

错误的设置:认识GTM里的网页浏览触发器:网页浏览、DOM 已准备就绪和窗口已加载

这个设置的意思是同时访问Page A和Page B才触发,明显是不可能。

 

正确的设置,用正则匹配:

认识GTM里的网页浏览触发器:网页浏览、DOM 已准备就绪和窗口已加载

 

 

 

限制特定的页面浏览不触发

假设要求设定Page A是不触发,有两种方式可以实现

不包含

直接使用触发条件里的不包含

认识GTM里的网页浏览触发器:网页浏览、DOM 已准备就绪和窗口已加载

 

添加例外

另一种是代码里的添加例外,它的作用就是排除,不触发:

认识GTM里的网页浏览触发器:网页浏览、DOM 已准备就绪和窗口已加载

添加后的效果:认识GTM里的网页浏览触发器:网页浏览、DOM 已准备就绪和窗口已加载

参考资料


有疑问可以在底部留言
喜欢 (2)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址