如何在GA4默认事件中携带自定义数据（Angular项目场景）

这完全可行，当前出现两类分开的请求属于GA4的默认行为，但你可以通过两种方式让默认事件（如page_view）携带自定义数据：

1. 设置全局用户属性（推荐） #

通过gtag.set设置全局用户属性后，所有后续触发的事件（包括GA自动发送的默认事件）都会自动附加这些属性。在Angular项目中，可在用户登录完成后执行以下代码：

// 替换为实际的用户类型值，比如从登录接口返回的数据中获取
gtag('set', 'user_properties', {
  user_type: '付费用户'
});

设置完成后，后续所有GA请求（包括自动触发的page_view）的payload里都会包含user_type这个自定义数据。

2. 手动触发带参数的默认事件 #

如果你只想给特定默认事件附加数据，可以手动覆盖GA的自动触发逻辑，在合适的时机（比如Angular路由切换完成时）手动发送带自定义参数的默认事件：

1. 先在GA初始化时关闭自动发送page_view：

   gtag('config', '你的GA4测量ID', {
     send_page_view: false
   });
   

2. 在Angular的路由守卫或路由事件监听中，手动触发带参数的page_view事件：

   import { Router, NavigationEnd } from '@angular/router';
   import { filter } from 'rxjs/operators';
   
   constructor(private router: Router) {
     this.router.events.pipe(
       filter(event => event instanceof NavigationEnd)
     ).subscribe(() => {
       // 替换为实际的用户类型值
       gtag('event', 'page_view', {
         user_type: '免费用户',
         page_path: window.location.pathname
       });
     });
   }
   

关于当前的两类请求 #

你现在看到的分开请求是预期行为：默认事件是GA自动触发的，自定义事件是你手动调用发送的，两者默认是独立的请求。但通过上述方法，就能让默认事件的请求中带上自定义数据。

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