使用Google Analytics时站点暗色模式Cookie被重置该如何处理？

• 首先排查Cookie重名与作用域冲突
  Google Analytics默认会写入根路径/、作用域为当前根域名的Cookie，如果你站点的暗色模式Cookie没有显式指定path和domain参数，或Cookie名称和GA生成的默认Cookie重名，浏览器可能会把GA的Cookie写入操作判定为同域下的Cookie更新，直接覆盖原有暗色模式Cookie。
  你可以打开浏览器开发者工具的「应用/Application」面板，找到Cookie存储栏，分别在接入GA前后对比暗色模式Cookie的name、value、domain、path、expires字段是否发生变更。如果是字段被覆盖，你可以在写入暗色模式Cookie时显式指定独立的作用域，或者直接修改暗色模式Cookie的名称避免重名。

• 检查GA代码加载顺序与脚本冲突
  如果你直接把GA的gtag.js代码插入到head最顶部，它的初始化逻辑可能早于你暗色模式的Cookie读取逻辑，部分旧版GA脚本如果存在未声明的全局变量冲突，也可能意外覆盖你存储暗色模式配置的Cookie值。
  你可以尝试调整GA代码的插入位置，把它放到head标签的最底部，或者给GA脚本加上defer属性延迟加载，确保暗色模式的Cookie读写逻辑执行完成后再加载GA脚本，测试是否还会出现Cookie重置问题。

• 排查Cookie安全属性配置问题
  如果你的暗色模式Cookie设置了Secure、SameSite等安全属性，而GA脚本写入的Cookie对应的安全属性和你站点的配置不匹配，部分浏览器的Cookie安全策略会自动清除不符合规则的同域Cookie，导致暗色模式配置被重置。
  你可以在写入暗色模式Cookie时显式和GA的Cookie安全属性对齐，比如统一设置SameSite=Lax、如果站点是HTTPS协议就统一开启Secure属性，避免浏览器因为安全规则清理合法Cookie。

• 替换存储介质规避问题
  如果排查完上述步骤还是找不到具体冲突点，可以考虑把暗色模式配置从Cookie迁移到localStorage存储，localStorage是站点独立的本地存储，不会被第三方统计脚本的Cookie写入逻辑影响，兼容性覆盖绝大多数现代浏览器，不需要依赖Cookie传输，还能减少请求头的体积。

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