Firebase Analytics Web端优化：清理漏斗中的重复屏幕追踪

问题根源 #

你已经禁用了默认的page_view事件，但自定义发送的screen_view事件仍会被Firebase Analytics自动附加page_title、page_location等参数。这些额外参数会导致漏斗分析中出现重复条目——即使firebase_screen参数一致，不同的page_title会被系统判定为不同的事件实例。

解决方案 #

1. 发送事件时显式清除Page参数 #

在调用logEvent发送screen_view时，直接将page_title、page_location等冗余参数设为null，覆盖Firebase的自动附加行为：

const app = initializeApp(firebaseConfig)
const webAnalytics = getAnalytics(app)

logEvent(webAnalytics, 'screen_view', {
  firebase_screen: currentRouteName,
  firebase_screen_class: currentRouteName,
  page_title: null,
  page_location: null,
  page_path: null
})

2. 全局禁用Page参数自动收集 #

如果不想每次调用logEvent都手动覆盖参数，可以通过gtag全局设置，彻底禁止系统自动附加这些Page相关参数：

// 在Firebase初始化前后执行均可
gtag('set', {
  page_title: null,
  page_location: null,
  page_path: null
})

const app = initializeApp(firebaseConfig)
const webAnalytics = getAnalytics(app)

3. 排查额外的page_view触发点 #

检查项目中是否有其他代码（比如React Router的路由监听插件、第三方统计脚本）在路由切换时自动发送了page_view事件。可以通过Chrome DevTools的Network面板，过滤collect请求，确认是否存在额外的page_view事件发送。

4. 验证事件发送结果 #

发送事件后，在DevTools中查看collect请求的payload，确认page_title、page_location等参数已被移除，仅保留firebase_screen和firebase_screen_class作为屏幕标识。

注意事项 #

• 确保send_page_view: false的配置生效，建议将gtag('config')放在Firebase初始化前执行，避免初始化过程中触发默认的page_view。
• Firebase Analytics Web端的screen_view事件以firebase_screen和firebase_screen_class作为唯一标识，确保这两个参数在路由切换时准确设置为当前路由名称。

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