Zaraz 配置说明

# Zaraz 配置 ## 仪表板设置 1. 域名 → Zaraz → 开始设置 2. 添加工具（例如：Google Analytics 4） 3. 输入凭据（GA4: `G-XXXXXXXXXX`） 4. 配置触发器 5. 保存并发布 ## 触发器 | 类型 | 何时 | 用例 | |------|------|----------| | 页面浏览 | 页面加载 | 跟踪页面浏览 | | 点击 | 元素被点击 | 按钮跟踪 | | 表单提交 | 表单已提交 | 线索捕获 | | 历史记录更改 | URL 更改 (SPA) | React/Vue 路由 | | 变量匹配 | 自定义条件 | 条件触发 | ### 历史记录更改 (SPA) 类型: 历史记录更改 事件: pageview 在 `pushState`、`replaceState`、哈希更改时触发。**无需手动跟踪。** ### 点击触发器 类型: 点击 CSS 选择器: .buy-button 事件: purchase_intent 属性: button_text: {{system.clickElement.text}} ## 工具配置 **GA4:** 衡量 ID: G-XXXXXXXXXX 事件: page_view, purchase, user_engagement **Facebook Pixel:** Pixel ID: 1234567890123456 事件: PageView, Purchase, AddToCart **Google Ads:** 转化 ID: AW-XXXXXXXXX 转化标签: YYYYYYYYYY ## 许可管理 1. 设置 → 许可 → 创建目的（分析、营销） 2. 将工具映射到目的 3. 设置行为：“在获得许可前不要加载” **编程方式许可：** javascript zaraz.consent.setAll({ analytics: true, marketing: true }); ## 隐私功能 | 功能 | 默认 | |---------|---------| | IP 匿名化 | 已启用 | | Cookie 控制 | 通过许可目的 | | GDPR/CCPA | 许可模态框 | ## 测试 1. **预览模式** - 无需发布即可测试 2. **调试模式** - `zaraz.debug = true` 3. **网络选项卡** - 过滤 "zaraz" ## 限制 | 资源 | 限制 | |----------|-------| | 事件属性 | 100KB | | 许可目的 | 20 |