更新时间:2024年12月13号
认识网页浏览触发器
网页浏览触发器就是网络浏览器加载网页时触发代码。
在GTM里点击「触发器」——「新建」——「选择一个触发器类型以开始设置… 」就可以看到:
一共有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看它们的执行顺序:
选择哪个触发器
- 如果要安装Cookie Banner/CMP,选择用户意见征求初始化。
- 如果安装的是不需要经过用户意见征求初始化,选择初始化
- 如果是页面跟踪,可以选择页面浏览(也叫容器已加载)、DOM已准备就绪和窗口已加载
限制特定的页面浏览触发
以网页浏览触发器为例:
一个页面
在特定的页面才触发,如Page A:
多个页面
在特定的多个页面才触发,如Page A和Page B。
这个设置的意思是同时访问Page A和Page B才触发,明显是不可能。
正确的设置,用正则匹配:
限制特定的页面浏览不触发
假设要求设定Page A是不触发,有两种方式可以实现
不包含
直接使用触发条件里的不包含:
添加例外
另一种是代码里的添加例外,它的作用就是排除,不触发: