获取通过GTM加载的所有GA4配置标签的Measurement ID

方法1：重写gtag的config方法记录Measurement ID #

GTM加载GA4配置标签时，最终会调用gtag('config', 'G-XXXXXX')这类官方接口。我们可以提前重写这个方法，拦截所有config调用以收集对应的Measurement ID：

// 保存原始gtag方法，避免破坏原有逻辑
const originalGtag = window.gtag;
window.gtag = function(...args) {
  const [command, measurementId] = args;
  // 仅拦截GA4的config命令，过滤有效Measurement ID
  if (command === 'config' && measurementId.startsWith('G-')) {
    window.ga4MeasurementIds = window.ga4MeasurementIds || [];
    // 去重存储
    if (!window.ga4MeasurementIds.includes(measurementId)) {
      window.ga4MeasurementIds.push(measurementId);
    }
  }
  // 执行原始gtag方法
  if (originalGtag) originalGtag.apply(this, args);
};

注意：这段代码必须放在GTM代码片段之前执行，才能完整拦截所有GTM触发的GA4配置调用。之后你可以通过window.ga4MeasurementIds获取所有ID，在发送自定义事件时传入：

dataLayer.push({
  event: 'custom_event',
  send_to: window.ga4MeasurementIds,
  // 自定义事件参数
});

方法2：监听gtm.js事件扫描GA4配置存储 #

GTM容器加载完成后会触发gtm.js事件，此时可以扫描gtag内部的标准存储结构提取ID（相比动态编译属性，这个结构的稳定性更高）：

document.addEventListener('gtm.js', () => {
  window.ga4MeasurementIds = [];
  // 扫描gtag内部的配置存储
  if (window.gtag?.data?.values) {
    Object.keys(window.gtag.data.values).forEach(key => {
      if (key.startsWith('G-')) {
        window.ga4MeasurementIds.push(key);
      }
    });
  }
});

方法3：扫描页面GA4脚本标签 #

如果GTM通过加载GA4的gtag脚本实现配置，页面中会出现带id=G-XXXXXX的script标签，可通过扫描这类标签提取ID：

function collectGA4Ids() {
  const ids = [];
  document.querySelectorAll('script[src*="googletagmanager.com/gtag/js"]').forEach(script => {
    const match = script.src.match(/id=([G-][A-Z0-9]+)/);
    if (match && !ids.includes(match[1])) {
      ids.push(match[1]);
    }
  });
  return ids;
}

// 页面加载完成后执行扫描
window.addEventListener('load', () => {
  window.ga4MeasurementIds = collectGA4Ids();
});

局限性：如果GTM使用GA4模板标签而非直接加载gtag脚本，可能无法生成这类script标签，导致收集不全。

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