这一节介绍通过Google Tag Manager的Consent Mode给网站部署Cookie Banner,不了解Consent Mode意见征求模式的请看:Google Tag Manager里的Consent Mode意见征求模式
简答的说:Consent Mode就是GTM推出的一个简化CMP部署的功能,CMP厂家加入Consent Mode后,用户可以通过GTM部署CMP是很方便的。
目前加入的CMP有Commanders Act、Consentmanager、Cookie Information A/S、Cookiebot (Cybot)、Didomi、iubenda、LiveRamp、OneTrust、Osano、Sourcepoint、Usercentrics等
我这里以为Cookiebot作为例子。
原理介绍
用户访问访问站点的时候,GTM加载CMP,CMP弹出一个框框,让用户知情和授权,并将授权状态写入到Cookie,如ad_storage和 analytics_storage,GTM上的Tags再根据Cookie的状态决定是否执行收集数据。
配置过程
获取Cookiebot ID
到Cookiebot创建一个账号,获取Cookiebot ID,有些产品是付费,需要付费后才可以使用,我这里获得的Cookiebot ID是:309dd67c-98cb-48d0-8cfa-162cd84af73e。
GTM配置Cookiebot代码
Cookiebot在GTM社区模板上有模板,可以通过模板去配置:
配置很简单,值需要填上Cookiebot ID 309dd67c-98cb-48d0-8cfa-162cd84af73e,触发器用Consent Initialization – All Pages,一定要用Consent Initialization – All Pages,因为在页面加载过程中,它是最快触发,比Page View都快,是专用于CMP部署的。
GTM上启用用户意见征求(Consent Mode)
接下来就是在GTM上启用Consent Mode,在GTM上点击「管理」——「容器设置」,在其他设置里勾选:
保存后,返回到代码,可以这里有个「用户意见征求概览」的Icon:
GTM上设置用户意见征求(Consent Mode)
接下来就是设置它,点击「用户意见征求概览」,会弹出一个用户意见征求概览页面,它包含:
- 未配置用户意见征求:需要配置
- 已配置用户意见征求:已经配置
勾选所有未配置用户意见征求,然后点击右侧的设置:
会有选项:
- 未设置:默认是这个,此代码不会执行更多用户意见征求检查。
- 无需更多用户意见征求:代码无需检查更多用户意见征求即可触发。需要用户同意,才可以收集数据,同意信息是放到Consent Mode预定义的cookie
- 必须获得更多用户意见征求才能触发代码:需要用户同意才,才可以收集数据,同意信息是放到用户自定义的Cookie
一般是选「无需更更多用户意见征求」。
调整代码逻辑
用户访问第一个页面的时候会弹出Cookie Banner,用户同意过后,会发送一个事件,我们需要通过这个事件去触发页面,才能跟踪到第一个页面的数据。
事件触发器为cookie_consent_update,具体设置如下:
接下就是将这个触发器添加到pageview代码的触发器里:
调试
最后就是预览调试:
先清除cookie,然后在预览调试,会弹出cookie banner:
- 如果用户拒绝,不做数据跟踪
- 如果用户同意,就可以做数据跟踪