Cookiebot技术问题：用户修改Cookie授权后对应类别Cookie未被删除

你的核心问题是误解了Cookiebot.runScripts()的作用——这个方法仅用于根据用户授权状态，控制带data-cookieconsent属性的脚本是否执行，完全不负责删除已经存在的Cookie。所以用户修改授权后，之前已设置的禁用类别Cookie自然会留在浏览器里。

当前代码的问题 #

1. 自定义回调的触发时机错误：直接调用CookiebotCallback_OnDecline()只会在页面加载时执行一次，无法响应用户修改授权的操作。
2. 错误使用runScripts()：它既不处理Cookie删除，也不负责授权变更后的清理逻辑。

正确处理方式 #

Cookiebot默认不会主动清理已有的Cookie，你需要监听授权变更事件，手动删除对应类别的Cookie：

步骤1：绑定Cookiebot的授权变更事件

Cookiebot提供了OnConsentChanged事件，会在用户修改授权（同意/拒绝/调整类别）时触发，这才是正确的回调时机。

步骤2：编写Cookie删除逻辑

删除Cookie时，要保证和设置Cookie时的域名、路径完全一致，否则无法成功删除。

示例代码

// 监听授权变更事件
if (typeof Cookiebot !== 'undefined') {
  Cookiebot.on('ConsentChanged', function() {
    // 清理统计类Cookie
    if (!Cookiebot.consent.statistics) {
      deleteCookie('stats_cookie_1');
      deleteCookie('stats_cookie_2');
    }
    // 清理营销类Cookie
    if (!Cookiebot.consent.marketing) {
      deleteCookie('marketing_cookie');
    }
    // 清理偏好设置类Cookie
    if (!Cookiebot.consent.preferences) {
      deleteCookie('preference_cookie');
    }
  });
}

// 通用删除Cookie函数
function deleteCookie(name) {
  // 替换为你实际的Cookie域名和路径，需与设置时一致
  const domain = window.location.hostname;
  const path = '/';
  document.cookie = `${name}=; expires=Thu, 01 Jan 1970 00:00:00 UTC; path=${path}; domain=${domain}; secure; SameSite=Lax;`;
}

额外说明 #

• 对于第三方脚本（如Google Analytics）设置的Cookie，可结合对应工具提供的清理方法补充调用。
• 如果是React组件内动态设置的Cookie，需在组件卸载或授权变更时同步执行清理。

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