并行使用GA3与GA4：是否需加双头部脚本及能否用TagManager管理

你不需要必须在页面头部重复添加两类代码片段，有两种主流方案可以选择：

方案一：直接扩展现有gtag.js代码 #

你当前的GA3（UA）标签是基于gtag.js部署的，只要确保页面只加载一次gtag.js脚本，就可以在同一个代码块里同时配置GA3和GA4的追踪ID，不需要重复引入脚本。

如果你的页面还没有引入gtag.js的基础脚本，完整代码应该是这样：

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-1234567-10"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  // GA3（UA）配置，保留你的匿名IP设置
  gtag('config', 'UA-1234567-10', { 'anonymize_ip': true });
  // 新增GA4配置
  gtag('config', 'G-123456789');
</script>

如果页面已经有gtag.js的基础引入和gtag函数定义，只需要在现有gtag('config', 'UA-...')后面加上GA4的配置命令即可。

方案二：用Google Tag Manager（GTM）统一管理 #

这种方式更适合需要管理多个追踪标签的场景，后续修改配置不需要改动页面代码：

• 移除页面上直接部署的GA3代码
• 在页面头部部署GTM的容器代码（GTM后台会提供对应的代码片段）
• 登录GTM后台，分别创建两个标签：
  • GA3（UA）标签：选择“Universal Analytics”类型，填入你的UA-ID，配置anonymize_ip参数，设置触发条件为“所有页面”
  • GA4标签：选择“Google Analytics: GA4 Configuration”类型，填入你的GA4-ID，设置触发条件为“所有页面”
• 发布GTM容器的新版本，标签就会自动生效

两种方案对比 #

• 直接修改gtag代码：操作简单，适合小型网站或快速部署的场景，不需要额外工具
• GTM统一管理：灵活性高，后续添加、修改标签都不需要改动页面代码，适合有多个营销标签需要管理的网站

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