点击撤销按钮无法删除Google Analytics的_ga与_gid Cookie问题

问题分析 #

点击撤销按钮后弹出提示但Cookie未删除，核心原因有两个：

• Domain参数不匹配：Google Analytics的Cookie通常绑定在顶级域名（如mysite.eu）而非带www的子域名，原代码指定www.mysite.eu会导致无法匹配目标Cookie。
• 缺少Secure属性：若网站使用HTTPS协议，GA的Cookie会带有Secure标记，删除操作必须同步添加该属性才能生效。

修正后的代码 #

$('.wpca-btn-reset-consent').click(function(e) {
    e.preventDefault();
    
    // 替换为你的顶级域名，可从浏览器开发者工具的Cookie面板确认
    var domainValue = "mysite.eu";
    // 自动适配HTTPS站点的Secure属性
    var secureFlag = window.location.protocol === 'https:' ? '; secure' : '';

    // 清除_ga Cookie
    document.cookie = '_ga=; path=/; domain=' + domainValue + '; expires=' + new Date(0).toUTCString() + secureFlag;
    // 清除_gid Cookie
    document.cookie = '_gid=; path=/; domain=' + domainValue + '; expires=' + new Date(0).toUTCString() + secureFlag;
    
    // 验证删除结果（可选）
    const hasGaCookie = document.cookie.split(';').some(c => c.trim().startsWith('_ga='));
    const hasGidCookie = document.cookie.split(';').some(c => c.trim().startsWith('_gid='));
    
    alert(hasGaCookie || hasGidCookie ? "部分Cookie未删除，请检查域名设置" : "Cookie已成功删除");
});

额外注意事项 #

1. 确认Cookie的Domain值：打开浏览器开发者工具（Application > Cookies），查看_ga/_gid的Domain字段，确保代码中的domainValue与其完全一致（若显示为.mysite.eu，代码中写mysite.eu即可兼容）。
2. 适配多域名场景：若网站同时存在www和非www版本，使用顶级域名可确保所有子域名下的Cookie都被清除。
3. 阻止默认行为：若按钮属于表单提交类型，需调用e.preventDefault()避免页面跳转中断Cookie删除操作。

内容的提问来源于stack exchange，提问作者Mārcis