Google Consent初始化过慢引发GTM错误的解决方案咨询

问题背景 #

部署Google Consent Mode时遇到GTM报错，核心原因是两个脚本（www.googleadservices.com/pagead/conversion.js和https://www.googletagmanager.com/gtag/js?）在同意值完成设置前就读取了数据：

• 即使Google定义的首个站点事件「Consent Initialization」也耗时过长，导致异步脚本在事件完成前就执行完毕
• 尝试过检查window.google_tag_data是否定义、给脚本加defer/async属性，均无法解决conversion.js触发时机问题
• 当前使用gtm-templates-simo-ahava模板实现同意管理，暂未找到有效解决路径

临时进展：已将所有GTM/分析相关内容整合到单个GTM标签，由Google控制初始化顺序，但仍不清楚如何为conversion.js创建标签，也不确定该脚本是否必要

针对性解决建议 #

1. 提前设置默认同意状态（核心修复） #

在GTM容器脚本加载之前，直接在页面头部注入默认同意状态，确保任何标签读取同意值前已有基准值：

window.dataLayer = window.dataLayer || [];
// 根据业务需求调整默认同意类型（analytics/advertising/functionality等）
dataLayer.push({
  'consent': {
    'default': {
      'analytics': 'denied',
      'advertising': 'denied'
    }
  }
});

这段代码必须放在GTM脚本的最前面，从根源避免"未设置默认值就读取"的问题。

2. 通过GTM统一管理所有脚本（消除加载顺序混乱） #

移除页面中直接嵌入的gtag.js和conversion.js代码，全部通过GTM标签管控：

• gtag.js管理：创建自定义HTML标签，触发条件设为「Consent Initialization」事件，确保同意状态完成设置后再加载
• conversion.js管理：
  • 脚本必要性：这是Google Ads转化跟踪的核心脚本，若网站需要追踪表单提交、购买完成等转化行为，则必须保留
  • 标签创建方式：

    // 先检查用户是否同意广告跟踪
    const consentState = window.dataLayer?.find(item => item.consent);
    if (consentState?.consent?.advertising === 'granted') {
      var google_conversion_id = xxxxx;
      var google_custom_params = window.google_tag_params;
      var google_remarketing_only = true;
      const script = document.createElement('script');
      script.src = "https://www.googleadservices.com/pagead/conversion.js";
      document.body.appendChild(script);
    }
    

    将上述代码放入自定义HTML标签，触发条件设为对应的转化事件（如purchase/form_submit），同时确保标签优先级低于同意设置标签。

3. 优化Simo Ahava同意模板的执行顺序 #

• 检查模板的触发条件，将其设为gtm.js事件
• 在GTM标签设置中，调高同意模板标签的优先级，确保它在所有分析/广告标签之前执行

4. 禁止GTM与gtag.js混用 #

页面中不要同时直接嵌入GTM容器脚本和gtag.js代码，两者都是Google标签管理工具，混用会导致初始化逻辑冲突，优先通过GTM统一管控所有标签。

修改后的页面头部示例代码 #

<!-- 提前设置默认同意状态 -->
<script>
window.dataLayer = window.dataLayer || [];
dataLayer.push({
  'consent': {
    'default': {
      'analytics': 'denied',
      'advertising': 'denied'
    }
  }
});
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-xxxx');</script>
<!-- End Google Tag Manager -->

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