如何配置Google Analytics仅禁止IE浏览器设置Cookie

嘿，这个需求其实不难实现，咱们可以通过浏览器检测配合GA的配置项来精准控制Cookie的设置，我给你分享两种实用的方案，适配不同的GA使用场景：

首先，我们需要一个可靠的函数来检测IE浏览器——毕竟IE的UA里有专属的标识（比如MSIE或Trident），这个函数能帮我们快速识别：

function isInternetExplorer() {
  const userAgent = window.navigator.userAgent;
  // 覆盖IE 10及以下、IE 11的检测
  return userAgent.indexOf('MSIE ') > -1 || userAgent.indexOf('Trident/') > -1;
}

接下来，修改你的GA初始化代码，根据检测结果分情况配置：

window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());

// 判断当前浏览器是否为IE
if (isInternetExplorer()) {
  // IE环境下禁用GA的Cookie存储
  gtag('config', '你的GA跟踪ID', {
    'storage': 'none', // 禁止GA使用任何存储（包括Cookie）
    'client_id': Math.random().toString(36).substring(2, 15) + Math.random().toString(36).substring(2, 15)
    // 手动生成client_id：因为禁用存储后GA无法自动生成，这步是为了避免报错
  });
} else {
  // 非IE浏览器保持原有逻辑，正常设置Cookie
  gtag('config', '你的GA跟踪ID');
}

原理说明 #

storage: 'none'是GA的官方配置项，会强制GA不使用Cookie或本地存储来保存用户标识；手动生成client_id则是为了保证GA在IE下能正常上报数据（否则会因为缺少用户标识报错），只是IE下的访问会被当作独立的新用户，但不会留下Cookie。

如果你的GA是通过GTM部署的，用标签分流的方式更灵活：

• 创建自定义变量：在GTM后台新建一个「自定义JavaScript」变量，命名为isIE，内容就是上面的isInternetExplorer函数。
• 修改原有GA标签：找到你正常的GA跟踪标签，添加一个「例外触发」——当isIE变量的值为true时，不触发这个标签。
• 创建IE专属GA标签：新建一个GA跟踪标签，在「配置参数」里添加storage: none和手动生成的client_id（或者用GTM的随机字符串变量），然后把触发条件设置为isIE等于true。

这样就能实现：非IE浏览器走正常带Cookie的GA标签，IE浏览器走无Cookie的专属标签。

• UA检测的可靠性：因为IE已经停止更新，它的UA标识不会再变化，所以这个检测方法是稳定可靠的。
• 旧版analytics.js适配：如果你用的是旧版的analytics.js（不是gtag.js），思路类似——判断IE后执行ga('set', 'storage', 'none');再发送页面视图。
• 代码顺序：确保浏览器检测函数在GA初始化代码之前定义，不然会出现未定义的错误。

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