动态加载Google Tag Manager时无法加载任何cookie如何处理？

问题原因 #

动态注入Google Tag Manager（GTM）不加载cookie，核心是当前gtag默认开启了 consent 校验逻辑，未主动向gtm声明已获得用户的cookie授权时，gtm会默认禁用cookie写入。

修复方案 #

调整初始化代码，在调用config前先显式更新consent状态即可：

// 补充dataLayer兜底初始化，避免脚本加载顺序导致的报错
function gtag(...args: any[]) {
  window.dataLayer = window.dataLayer || [];
  window.dataLayer.push(args);
}

function load() {
  // 核心配置：告知gtag用户已同意相关cookie授权
  gtag('consent', 'update', {
    ad_storage: 'granted',
    analytics_storage: 'granted'
  });
  gtag('js', new Date());
  gtag('config', GOOGLE_TAGS_ID, {
    // 可选：自定义cookie配置，可根据自身需求调整
    cookie_expires: 28 * 24 * 60 * 60, // cookie有效期28天，单位为秒
    // 跨子域使用时可指定对应cookie域
    // cookie_domain: 'your-site.com'
  });
}

其他排查点 #

• 确认GOOGLE_TAGS_ID格式正确，G开头的GA4 ID或者UA开头的旧版ID需和后台申请的一致
• 检查站点内容安全策略（CSP）没有阻止gtag域名的cookie写入权限
• 不要在浏览器无痕/隐私模式下测试，该模式下默认会限制第三方cookie写入

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