更新时间:2024年12月11号
这一节介绍通过Google Tag Manager的Consent Mode给网站部署CMP/Cookie Banner,不了解Consent Mode意见征求模式的请看:Google Tag Manager里的Consent Mode v2意见征求模式
简答的说:Consent Mode实际是一个机制,加入Consent Mode这个机制的CMP(Content Manager Platform,同意管理平台)可以向Consent Mode传递用户授权信息,Consent Mode会转化为意见征求模式参数,可以直接被Google及GTM上第三方跟踪代码使用。
目前加入的CMP有Commanders Act、Consentmanager、Cookie Information A/S、Cookiebot (Cybot)、Didomi、iubenda、LiveRamp、OneTrust、Osano、Sourcepoint、Usercentrics等
我这里以为Cookiebot作为例子。
原理介绍
用户访问站点的时候,GTM加载CMP,CMP弹出一个框框,让用户知情和授权,CMP向Consent Mode传递用户授权信息,Consent Mode会转化为意见征求模式参数,可以直接被Google及GTM上第三方跟踪代码使用。
配置过程
step 1 : 获取Cookiebot ID
到Cookiebot创建一个账号,获取Cookiebot ID,有些产品是付费,需要付费后才可以使用,我这里获得的Cookiebot ID是:309dd67c-98cb-48d0-8cfa-162cd84af73e。
step 2 : GTM配置Cookiebot代码
Cookiebot在GTM社区模板上有模板,可以通过模板去配置:
配置很简单,值需要填上Cookiebot ID 309dd67c-98cb-48d0-8cfa-162cd84af73e,触发器用Consent Initialization – All Pages,一定要用Consent Initialization – All Pages,因为在页面加载过程中,它是最快触发,比Page View都快,是专用于CMP部署的。
延伸阅读:认识GTM里的网页浏览触发器:网页浏览、DOM 已准备就绪和窗口已加载
step 3 : GTM上启用用户意见征求(Consent Mode)
接下来就是在GTM上启用Consent Mode,在GTM上点击「管理」——「容器设置」,在其他设置里勾选:
保存后,返回到代码,可以这里有个「用户意见征求概览」的Icon:
step 4 : GTM上设置用户意见征求(Consent Mode)
接下来就是设置它,点击「用户意见征求概览」,会弹出一个用户意见征求概览页面,它包含:
- 未配置用户意见征求:需要配置
- 已配置用户意见征求:已经配置
勾选所有未配置用户意见征求,然后点击右侧的设置:
有三选项:
- 未设置:默认是这个,此代码不会执行更多用户意见征求。
- 无需更多用户意见征求:代码会需检查现有用户意见征求意见,也就是内置用户意见征求检查里已经设置意见征求模式参数
- 必须获得更多用户意见征求才能触发代码:还需要更多的意见征求模式参数才可以
选「无需更更多用户意见征求」。
需要注意:每个代码的作用是不一样的,它会使用到的意见征求模式参数/Cookie也是不同,这个需要根据代码的用途去调整意见征求模式参数/Cookie。
step 5 : 调整代码逻辑
用户访问第一个页面的时候会弹出Cookie Banner,用户同意过后,会发送一个事件,我们需要通过这个事件去触发页面,才能跟踪到第一个页面的数据。、
在GTM中点击「触发器」—「新建」—「选择一个触发器类型以开始设置」——「自定义事件」,命名为“cookie_consent_update”,做如下设置:
接下就是将这个触发器添加到GA4基础页面跟踪代码的触发器里:
这个设置的意思是满足内置用于意见征求检查和触发条件的时候,才会触发,只要有一个不符合就不触发。如果用户后面修改内置用于意见征求,改为拒绝,就会不触发,不收集数据。
step 6 : 调试
最后就是预览调试:
先清除Cookie,然后在预览调试,会弹出Cookie Banner:
- 如果用户拒绝,不做数据跟踪
- 如果用户同意,就可以做数据跟踪
如果没有使用Consent Mode,那么就是需要使用CMP的机制去实现,延伸阅读:Adobe Launch上配置TrustArc实现Cookie Banner