这一节介绍通过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部署的。
step 3 : GTM上启用用户意见征求(Consent Mode)
接下来就是在GTM上启用Consent Mode,在GTM上点击「管理」——「容器设置」,在其他设置里勾选:
保存后,返回到代码,可以这里有个「用户意见征求概览」的Icon:
step 4 : GTM上设置用户意见征求(Consent Mode)
接下来就是设置它,点击「用户意见征求概览」,会弹出一个用户意见征求概览页面,它包含:
- 未配置用户意见征求:需要配置
- 已配置用户意见征求:已经配置
勾选所有未配置用户意见征求,然后点击右侧的设置:
有三选项:
- 未设置:默认是这个,此代码不会执行更多用户意见征求。
- 无需更多用户意见征求:代码会需检查现有用户意见征求意见,也就是内置用户意见征求检查里已经设置意见征求模式参数
- 必须获得更多用户意见征求才能触发代码:还需要更多的意见征求模式参数才可以
选「无需更更多用户意见征求」。
step 5 : 调整代码逻辑
用户访问第一个页面的时候会弹出Cookie Banner,用户同意过后,会发送一个事件,我们需要通过这个事件去触发页面,才能跟踪到第一个页面的数据。
事件触发器为cookie_consent_update,具体设置如下:
接下就是将这个触发器添加到pageview代码的触发器里:
step 6 : 调试
最后就是预览调试:
先清除cookie,然后在预览调试,会弹出cookie banner:
- 如果用户拒绝,不做数据跟踪
- 如果用户同意,就可以做数据跟踪
如果没有使用Consent Mode,那么就是需要使用CMP的机制去实现,延伸阅读:Adobe Launch上配置TrustArc实现Cookie Banner