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

Google Tag Manager 黄业忠 3个月前 (03-01) 117次浏览 0个评论

这一节介绍通过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 ActConsentmanagerCookie Information A/SCookiebot (Cybot)DidomiiubendaLiveRampOneTrustOsano、SourcepointUsercentrics

我这里以为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社区模板上有模板,可以通过模板去配置:

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

配置很简单,值需要填上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上点击「管理」——「容器设置」,在其他设置里勾选:

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

保存后,返回到代码,可以这里有个「用户意见征求概览」的Icon:

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

 

GTM上设置用户意见征求(Consent Mode)

接下来就是设置它,点击「用户意见征求概览」,会弹出一个用户意见征求概览页面,它包含:

  • 未配置用户意见征求:需要配置
  • 已配置用户意见征求:已经配置

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

 

勾选所有未配置用户意见征求,然后点击右侧的设置:

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

 

会有选项:

  • 未设置:默认是这个,此代码不会执行更多用户意见征求检查。
  • 无需更多用户意见征求:代码无需检查更多用户意见征求即可触发。需要用户同意,才可以收集数据,同意信息是放到Consent Mode预定义的cookie
  • 必须获得更多用户意见征求才能触发代码:需要用户同意才,才可以收集数据,同意信息是放到用户自定义的Cookie

一般是选「无需更更多用户意见征求」。

调整代码逻辑

用户访问第一个页面的时候会弹出Cookie Banner,用户同意过后,会发送一个事件,我们需要通过这个事件去触发页面,才能跟踪到第一个页面的数据。

事件触发器为cookie_consent_update,具体设置如下:

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

 

接下就是将这个触发器添加到pageview代码的触发器里:

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

 

 

调试

最后就是预览调试:

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

 

先清除cookie,然后在预览调试,会弹出cookie banner:

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

喜欢 (2)
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址