通过Google Tag Manager的Consent Mode给网站部署Cookiebot

这一节介绍通过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:

• 如果用户拒绝，不做数据跟踪
• 如果用户同意，就可以做数据跟踪