MVC站点Cookie同意更新后重新授权GA无法重新生成浏览器Cookie的问题求助

各位大佬好，我最近在处理站点Cookie同意管理的时候遇到了一个头疼的问题，想请大家帮忙支个招：

我在自己的MVC站点上实现了Cookie同意弹窗，同时集成了Google Analytics（GA），GA的Cookie被我设为非必要Cookie，只有用户同意后才启用。

目前的流程是这样的： #

1. 首次同意Cookie：用户点击同意后，调用consentGranted()函数，GA正常开始追踪，_ga、_ga_*这些Cookie也会乖乖出现在浏览器的Cookie列表里，一切正常。
2. 用户更新偏好拒绝Cookie：当用户通过“更新Cookie偏好”按钮拒绝后，我调用consentDenied()，把analytics_storage设为denied，同时调用自定义函数删掉浏览器里所有_ga开头的Cookie，这一步也没问题，GA停止追踪，Cookie也看不到了。
3. 问题出现：再次同意后Cookie不生成：但如果用户再次点击同意，我还是调用同样的consentGranted()把analytics_storage改回granted，GA确实会恢复追踪（我通过GA调试工具能看到数据上报），但浏览器里的_ga系列Cookie就是不重新生成！这就导致后续的用户会话追踪可能出问题，而且总不能让用户每次同意都刷新页面吧...

我目前的核心代码如下： #

Cookie授权/拒绝函数

function consentGranted() {
  gtag('consent', 'update', {
    'ad_storage': 'denied',
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'analytics_storage': 'granted'
  });
}

function consentDenied() {
  gtag('consent', 'update', {
    'ad_storage': 'denied',
    'ad_user_data': 'denied',
    'ad_personalization': 'denied',
    'analytics_storage': 'denied'
  });
  // 移除GA浏览器Cookie
  removeGACookiesFromBrowser();
}

Cookie删除相关函数

function removeGACookiesFromBrowser() {
  const cookies = document.cookie.split(';');
  cookies.forEach(x => {
    const [name, value] = x.trim().split('=');
    if (name.startsWith('_ga')) {
      deleteCookie(name, window.location.hostname);
    }
  });
}

function deleteCookie(name,domain) {
  document.cookie = name + '=; Max-Age=0; path=/;' + (domain ? ' domain=' + domain + ';' : '');
}

我自己排查了半天，试过这些但没解决： #

• 确认了gtag('consent', 'update')的参数是对的，analytics_storage确实设为了granted
• 刷新页面后Cookie会自动生成，但这种强制刷新的方式用户体验太差，不想用
• 怀疑是不是删除Cookie的时候有遗漏，或者域名/路径设置不对，但检查了deleteCookie函数，路径是/，域名也传了当前站点的hostname，应该没问题

有没有大佬遇到过类似的场景？或者知道怎么在用户再次同意后，让GA自动重新生成那些_ga开头的Cookie，不需要用户手动刷新页面？

内容来源于stack exchange