能否在特定页面HTML头部而非域名级头部设置A/B测试Cookie？

核心问题答案 #

当然可以在特定页面的HTML头部设置Cookie，你之前的脚本不生效，大概率是这两个原因：

• Secure属性限制：如果目标页面不是HTTPS协议，浏览器会直接拒绝带Secure的Cookie。可以先去掉该属性测试，确认生效后再根据站点实际协议调整。
• 浏览器Cookie策略：部分浏览器对第三方Cookie或跨域Cookie有严格限制，但同域名下的页面基本不会有这个问题。

满足50%分流的可行脚本 #

要实现仅目标页面50%用户获得Cookie，同时避免路径导致全量生效，用下面的脚本就行：

// 先检查用户是否已被分组，避免重复分配
if (!document.cookie.includes('cname=')) {
  // 50%概率分流
  if (Math.random() > 0.5) {
    // 设置Cookie，path=/确保全站可读取该Cookie
    document.cookie = 'cname=true; path=/; SameSite=Lax';
    // 若站点是HTTPS环境，替换成下面这句：
    // document.cookie = 'cname=true; path=/; Secure; SameSite=Lax';
  }
}

脚本细节说明： #

• 防止重复分组：先判断Cookie是否存在，确保用户刷新页面或跳转其他页面时不会被重新分配组别，保证A/B测试的用户分组一致性。
• 随机分流逻辑：Math.random() > 0.5会随机筛选约50%的访问用户进入测试组，只有这些用户会被设置Cookie。
• 路径设置为/：这样Cookie在整个域名下都能被读取，方便后续其他页面判断用户组别；但只有访问目标页面的用户才会触发这个脚本，所以不会出现全量用户都有Cookie的情况，完全符合A/B测试的需求。

直接把这个脚本放到目标页面的头部“Head Include”字段即可，不需要放在域名级头部。

内容的提问来源于stack exchange，提问作者Michelle Lee