Cloudflare Web 标记管理,你弄明白了吗?今天我走了一遍,感觉还是特别方便
Cloudflare Zaraz 专为速度、隐私和安全性而构建,您可以使用它来加载任意数量的工具,而性能影响几乎为零。借助 Cloudflare Zaraz,您可以以最优化的方式加载分析工具、广告像素和脚本、聊天机器人、营销自动化工具等工具。我感觉我还没弄明白,算是入门吧!
Cloudflare Web 标记管理 实际上在 Web 页面的上级请求层,进行资源载入,其专用名称为 Cloudflare Zaraz。官方文档介绍 Cloudflare Zaraz 专为速度、隐私和安全性而构建,您可以使用它来加载任意数量的工具,而性能影响几乎为零。借助 Cloudflare Zaraz,您可以以最优化的方式加载分析工具、广告像素和脚本、聊天机器人、营销自动化工具等工具。
第三方工具硬需
现在问题来了,在网站正式上线推广前,我们要植入 Google Analytics 分析代码统计用户数据、还要验证 Google 站长工具了解SEO效果,稍晚还要申请并加入 Google Ads 代码,我们可以选择的方式:
- HTML 文件:下载一份 html 或文本文件,放到我们的服务器上;
- HTML 标记:在 html 头部增加 meta 标记,需要修改页面模板;
- DNS 记录:在 域名解析中增加 text 记录。
目前经过测试,情况记录如下:
使用标记设置第三方工具 Google Analytics 4 可以在不修改项目源代码,且不请求第三方谷歌的任何资源,将Google Analytics 切入到所有页面浏览事件(PageView) 接口。值得注意的是,Google Analytics 检测我们的网站是否含有其代码时总是失败,我们可以忽略这一点,大约 10-20 分钟 Google Analytics 就会接通。这意味着 Web 客户端不连接 Google 服务器,响应速度没有新增任何负担,这个背后是 Cloudflare Zaraz 的功劳。
验证 Google 站长工具虽然可以通过Cloudflare 关联 DNS 记录来验证,但我始终没有成功,最终我使用了文件验证,并进行了线上部署,很快就成功了。 下载文件类似名称 googlexxxxxxxxxx.html 放到 public 目录下即可,Google 提醒我们该验证文件需要长期存放,以后就不要删除了。
Google Ads 代码等没有申请,如果按照第三方工具 Google Analytics 4方法,应该不是问题,这次先忽略了,如后续有不同再补充。
国际化合规需求
Web 标记中的同意管理,之前一直不知道怎么回事,而且也没测试成功过,现在终于也弄明白了。Zaraz 提供同意管理平台 (CMP),帮助您处理和管理欧洲通用数据保护条例 (GDPR) 和隐私和电子通信指令所需的同意。因为之前没有被发布过,所有一直都没看过,现在让我们来看看吧!

- 按顺序填写信息
默认语言: English (English)
同意模式文本 English (English):This website uses Cloudflare Web Tag Management to manage tracking and analytics tools. Please review your consent preferences below.
同意按钮翻译 English:
- 全部接受 Accept All
- 全部拒绝 Reject All
- 确认 Confirm
用途:在您的网站中使用第三方工具的原因,这里主要涉及 Google Analytics 4 使用
- 标题:Analytics & Performance
- 理由:We use tools like Google Analytics to understand how visitors interact with our website. This helps us analyze site traffic, measure performance, and improve your overall experience. The data collected is aggregated and anonymous.
- 保存并发布
发布成功后即可在网站浏览时看到我截图的效果。我们看到,这种管理方式对我们网站开发来说,完全没有任何页面压力,真正呼应了“性能影响几乎为零”,你们感觉怎么样?我为 Cloudflare Zaraz 点个赞!
其他标记管理
Web 标记管理的第三方工具目前看到有这么几个自定义:
- Custom HTML:执行客户端 Javascript 。
- Custom Image:为加载自定义图像标签而设计的托管组件。
- HTTP Request:用于发送服务器端HTTP请求的托管组件。
此外触发器、变量以及详细设置,感觉比较有意思,都很有可玩性。最后,关于Cloudflare Web 标记管理算是入门,这里还有丰富的内容,需要我们进一步体验才能发现。