框架
ConsentX 助力 React & Next.js
在任意 React 或 Next.js 应用中，从 document head 加载 ConsentX。
简要说明
如需为 React & Next.js 添加 Cookie 同意横幅，只需将 ConsentX 代码片段粘贴到站点 head 中一次。 在 Next.js 中，将代码片段添加到 app/layout.tsx 的 <head> 内（或使用 next/script 并设置 strategy 为 beforeInteractive）。在普通 React 应用中，将其添加到 public/index.html 的 </head> 之前。 随后横幅会在每个页面加载，在同意前拦截非必要跟踪器，并按控制台配置应用您的 DPDPA、GDPR 与 CCPA 规则。
在 React & Next.js 上安装
1
复制您的代码片段
在 ConsentX 中打开 Install 并复制您账户的嵌入代码片段。它只是一个限定到您域名的小型 <script> 标签。
2
把它粘贴到 head 中
在 Next.js 中：将代码片段添加到 app/layout.tsx 的 <head> 中，或使用 next/script 并设置 strategy='beforeInteractive'。在普通 React 中：将其添加到 public/index.html 的 </head> 之前。
3
发布
保存并发布您的站点。下次加载时同意横幅即会出现。
4
在控制台中配置
在 ConsentX 中设置横幅设计、Cookie 类别与分地区规则。变更会同步到您的线上站点，无需重新部署。
单标签安装
在站点 head 中添加一次代码片段，横幅便会在每个页面自动加载。
Consent Mode v2 + 事前拦截
Google 信号默认为拒绝，非必要跟踪器在访客作出选择前保持静默。
地理感知规则
一个横幅即可从您的控制台适配 GDPR、CCPA、LGPD 与 DPDPA，无需重新部署。