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

Google Tag Manager Haran 7年前 (2018-03-22) 3014次浏览 0个评论
文章目录[隐藏]

更新时间:2024年12月13号

认识网页浏览触发器

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

在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 已准备就绪和窗口已加载

 

 

选择哪个触发器

 

 

限制特定的页面浏览触发

以网页浏览触发器为例:

 

一个页面

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

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

多个页面

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

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

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

 

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

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

 

 

 

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

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

不包含

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

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

 

添加例外

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

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

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


如有疑问,可以在文章底部留言或邮件(haran.huang@ichdata.com) 我~
喜欢 (1)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

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

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