数字营销 · Web开发 · 基础设施

FastConsent:轻量级网站用户同意管理工具

FastConsent 是我开发的一款轻量级网站用户同意管理工具,支持多语言、地区规则、深色模式以及 Google Ads、GA4、GTM、Bing、Meta 等追踪工具。本文介绍它的接入方式和主要功能,适合需要进行用户同意管理的企业网站使用。

如果网站面向欧美市场,或者正在投放 Google Ads,那么用户同意管理基本是绕不开的一环。用户通过广告进入网站之后,网站需要根据适用的隐私规则,让用户选择是否同意相关的数据收集和追踪。

你在很多网站上看到的 Cookie Banner,本质上就是在完成这件事情。但实际做过网站的人应该都知道,传统的 CMP(Consent Management Platform)往往并不算轻量。配置复杂、功能繁多、价格较高,而且有些 CMP 本身还会增加额外的页面资源和加载逻辑。对于企业网站来说,这并不是一个特别理想的情况。所以我自己开发了一个轻量级的同意管理工具FastConsent。

FastConsent界面

它的定位比较简单,就是在满足网站同意管理需求的同时,尽量减少对网站本身的影响。实际上,你现在正在浏览的这个网站www.hitoy.org,使用的就是 FastConsent。

FastConsent 接入

FastConsent 的接入方式比较简单。在网站页面头部加入一段代码,就可以完成基础接入。

后续的语言、地区、展示方式以及追踪工具等,都可以通过配置进行管理。对于已经有自己网站系统和开发团队的企业来说,不需要为了增加一个 Cookie Banner,再接入一整套复杂的平台。

支持多语言和地区规则

不同国家和地区,对于用户同意的要求可能并不完全一样。因此,Cookie Banner 不能简单地对所有用户都使用同一套规则。

FastConsent 支持 16 种语言,并可以根据用户所在地区进行识别。这样就可以针对不同地区设置不同的展示规则。例如某些地区需要显示完整的同意管理界面,其他地区则可以采用不同的展示方式,甚至不显示。

这样处理起来,比所有用户都展示同一个弹窗更加灵活。

尽量减少对网站速度的影响

同意管理工具通常会在网站刚打开的时候加载。如果本身资源体积较大,或者加载过程比较复杂,就可能对页面性能造成额外影响。

FastConsent 的设计思路是尽可能轻量,并采用异步方式加载。这样不会因为 Cookie Banner 的加载而阻塞页面正常渲染,也可以减少额外脚本对网站性能的影响。

对于本身就比较重视页面速度的企业网站来说,这一点尤其重要。

展示样式可以自定义

Cookie Banner 也是网站的一部分。如果直接使用默认样式,很容易和网站自己的设计风格产生明显冲突。FastConsent 支持自定义展示样式,可以根据网站原本的 UI 进行调整。同时也支持深色模式。

如果网站本身已经支持浅色和深色模式,Cookie Banner 也可以跟随网站进行对应的显示。这样不会因为一个弹窗,让整个网站的视觉风格突然变掉。

支持常见的广告和分析工具

用户同意管理最终还是要和网站上的数据追踪联系起来。FastConsent 支持常见的追踪和广告工具,包括:

  • Google tag / gtag.js
  • Google Tag Manager
  • Microsoft Bing
  • Meta

这样可以根据用户的同意状态,对相关追踪工具进行控制。对于同时使用 Google Ads、GA4 以及其他广告平台的企业网站来说,可以把同意管理和现有的追踪体系结合起来。

为什么我会自己开发一个 CMP

其实市面上的 CMP 已经很多了。但我自己做网站和营销项目的时候,经常会遇到一个问题:为了完成一个并不算复杂的同意管理需求,往往需要引入一个非常庞大的平台。

很多功能企业根本用不到,但资源还是要加载,配置也越来越复杂。所以 FastConsent 更偏向一个轻量级工具。

需要什么功能,就解决什么问题。同时尽量让它和网站现有的技术架构配合,而不是让网站为了一个 Cookie Banner 去适应一整套复杂系统。

Fastconsent部署教程

关于 FastConsent 的具体配置,我已经另外整理了一套完整教程,包括完整代码、基础配置以及高级用法。如果你想自己搭建和配置 FastConsent,可以在文章下方评论区回复,或者直接联系我,我可以把相关教程和资料发给你。

评论0

欢迎分享你的看法,也欢迎补充不同的实践经验。