基于用户同意配置Google Analytics时Safari无法正常追踪如何解决

1. 同意更新后未重新初始化GA配置 #

你当前的gtag config是在存储权限默认拒绝的状态下触发的，Safari的智能跟踪预防（ITP）机制会限制在存储权限被拒绝后，后续即使授权也不会主动恢复跟踪能力，需要在consent update之后重新调用gtag config：

gtag('consent', 'update', {
  'ad_storage': 'granted',
  'analytics_storage': 'granted'
});
// 新增这行重新初始化配置
gtag('config', 'UA-XXXXXX', { 'anonymize_ip': true });

2. 缺失针对Safari ITP的兼容配置 #

Safari的智能跟踪预防会默认限制跨站脚本的存储权限，需要在默认consent配置中额外添加参数，避免被ITP误拦截：

gtag('consent', 'default', {
  'ad_storage': 'denied',
  'analytics_storage': 'denied',
  // 新增以下配置
  'ad_user_data': 'denied',
  'ad_personalization': 'denied',
  'wait_for_update': 500 // 给同意接口预留500ms响应时间，避免脚本加载时直接被拦截
});

3. 移除错误的cookie_expires配置 #

你当前在config里设置了cookie_expires: 0，这个配置会让GA的Cookie仅存活到会话结束，且Safari对0过期时间的Cookie处理逻辑和Chrome不一致，如果你不需要自定义Cookie有效期，直接删除这个配置即可，也可以根据需求设置合理的有效期（比如28*24*60*60即28天）。

4. 兼容__tcfapi的加载时机 #

部分Safari版本中__tcfapi加载时机晚于你的代码执行，会导致监听事件不生效，需要先判断__tcfapi是否存在，不存在的话做降级等待：

function initTcfListener() {
  if (typeof __tcfapi === 'undefined') {
    setTimeout(initTcfListener, 100);
    return;
  }
  __tcfapi('addEventListener', 2, function(tcData, success) {
    if (success && tcData.gdprApplies && (tcData.eventStatus === 'tcloaded' || tcData.eventStatus === 'useractioncomplete') ) {
      if (tcData.purpose.consents[1]) {
        gtag('consent', 'update', {
          'ad_storage': 'granted',
          'analytics_storage': 'granted',
          'ad_user_data': 'granted',
          'ad_personalization': 'granted'
        });
        gtag('config', 'UA-XXXXXX', { 'anonymize_ip': true });
      } 
    }
  })
}
initTcfListener();

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