如何在Google Analytics 4中自动过滤localhost页面浏览量？

我需要一个能自动过滤localhost页面浏览量的方案，核心要求是可以追踪开发者流量，但无需手动创建自定义报表进行过滤。

Google Analytics 4（GA4）目前提供两种过滤开发者流量的选项：

• 开发者流量（通过debug_mode过滤事件）
• 内部流量（IP地址范围）

由于我在多个地点使用多台工作站，「内部流量（IP地址范围）」这个选项不适用。我对「开发者流量（通过debug_mode过滤事件）」存在以下疑问：

1. 若将gtag中的debug_mode设为true，事件不会纳入常规报表，但能否在GA4后台的「Admin > Data Display > DebugView」中查看？
2. 是否应该根据node环境或域名（localhost）通过代码设置debug_mode？

我正在使用react-ga4，但不确定ReactGA.initialize()是否支持debug_mode参数，且gtag选项文档中也未找到该参数。不过无论是使用react-ga4还是GA4标准脚本，逻辑一致，以下是我编写的代码示例：

react-ga4实现代码示例 #

初始化函数 #

export const initGA = (ga4Id: string, devMode: boolean) => {
    ReactGA.initialize(ga4Id, {debug_mode: devMode});
};

环境判断逻辑 #

if (
    !window.GA_ANALYTICS &&
    googleAnalyticsTrackingCode
) {
    if (apiHost.includes('localhost:')) {
        initGA(googleAnalyticsTrackingCode, true);
    } else {
        initGA(googleAnalyticsTrackingCode, false);
    }

    window.GA_ANALYTICS = true;
}

GA4标准脚本实现示例 #

<Script src={`https://www.googletagmanager.com/gtag/js?id=${process.env.ga4}`}/>
<Script strategy="afterInteractive">
{
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', '${process.env.ga4}', { 'debug_mode':${devMode} });
}
</Script>

另外我还了解到一种方案：在GA4中创建自定义变量并过滤。

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