使用gtag.js在GA4配置内容组失败：迁移后content_group显示未设置

你的问题出在GA4中没有内置的content_group字段，直接用gtag('set', 'content_group', ...)无法让GA4识别并收集这个值，导致数据显示为(not set)。UA和GA4的内容组机制完全不同：UA的content_groupN是内置字段，GA4则需要通过「自定义参数+后台配置」的方式实现类似功能。

修复步骤 #

1. 调整前端代码，正确传递content_group参数 #

需要把content_group作为自定义参数传递给GA4的页面视图事件，推荐两种实现方式：

方式一：在gtag('config')中直接附带参数

修改GA4脚本，将content_group放在config的配置对象里，页面视图事件会自动携带该参数：

<!-- Google tag (gtag.js) - GA4 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VPPGG41SM8"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  // 将content_group嵌入config配置
  gtag('config', 'G-VPPGG41SM8', {
    'content_group': '<%= content_group %>'
  });

  gtag('set', 'user_properties', {
    'client_type': "<%= dimensions.client_type %>",
    'subscription_type': "<%= dimensions.subscription_type %>",
    'mrr': "<%= dimensions.mrr %>",
    'lifetime_value': "<%= dimensions.lifetime_value %>",
  });
</script>

方式二：手动发送页面视图事件并附带参数

如果需要更灵活的控制，可以手动触发页面视图事件并携带参数：

gtag('js', new Date());
// 关闭自动页面视图发送
gtag('config', 'G-VPPGG41SM8', {'send_page_view': false});
// 手动发送带content_group的页面视图事件
gtag('event', 'page_view', {
  'content_group': '<%= content_group %>'
});

2. 在GA4后台配置自定义维度 #

参数传递后，需要在GA4后台将content_group关联到自定义维度，才能在报表中显示数据：

• 登录GA4后台，进入管理 → 自定义定义 → 创建自定义维度
• 维度名称填写Content Group（或自定义名称）
• 选择「事件参数」，并匹配content_group
• 保存配置，等待24小时左右数据同步完成

额外优化建议 #

你的代码中重复加载了gtag.js（UA和GA4各加载一次），会造成冗余。建议合并为一次加载，把两个ID的配置放在同一个脚本块中：

<!-- Google tag (gtag.js) - GA4 + UA -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-VPPGG41SM8"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  
  // 配置GA4
  gtag('config', 'G-VPPGG41SM8', {
    'content_group': '<%= content_group %>'
  });
  
  // 配置UA
  gtag('config', 'UA-45949596-1', {
    'optimize_id': 'GTM-WG8W868',
    'content_group1':  "<%= content_group %>",
    'content_group2':  "<%= content_group_2 %>",
    'custom_map': {
      'dimension1': 'client_type',
      'dimension2': 'subscription_type',
      'dimension3': 'mrr',
      'dimension4': 'lifetime_value',
    },
  });
  
  // 全局设置UA自定义维度
  gtag('set', {
    'content_group1': "<%= content_group %>",
    'content_group2': "<%= content_group_2 %>",
    'dimension1': "<%= dimensions.client_type %>",
    'dimension2': "<%= dimensions.subscription_type %>",
    'dimension3': "<%= dimensions.mrr %>",
    'dimension4': "<%= dimensions.lifetime_value %>",
  });
  
  // 设置GA4用户属性
  gtag('set', 'user_properties', {
    'client_type': "<%= dimensions.client_type %>",
    'subscription_type': "<%= dimensions.subscription_type %>",
    'mrr': "<%= dimensions.mrr %>",
    'lifetime_value': "<%= dimensions.lifetime_value %>",
  });
</script>

内容的提问来源于stack exchange，提问作者Pierre-Yves O.