Google Analytics 4个体用户行为跟踪功能及Angular 8配置咨询

你咨询的4项功能支持情况 #

GA4 完全支持你列出的所有功能：

• 访问页面记录：默认自动收集 page_view 事件，会记录用户访问的页面路径、页面标题、页面参数等信息
• 页面对应用户身份识别：支持通过 user_id 字段绑定自有系统用户身份，绑定后所有用户行为事件（包括页面访问）都会关联到对应用户ID
• 页面停留时长统计：默认统计单页面停留时长、会话总停留时长等指标，无需额外配置即可查看
• 访问频次统计：默认采集用户会话次数、访问频次维度，可直接在报表和分析中心筛选查看

分析中心（Analysis Hub）查看单个用户活动方法 #

1. 进入 GA4 后台的分析中心，选择「用户探索」模板
2. 在左侧维度栏添加 User ID 作为筛选维度，搜索你要查询的具体用户ID
3. 筛选到目标用户后，右侧时间线面板会按时间顺序展示该用户的全量行为记录，包括每一次页面访问的具体页面信息、访问时间、停留时长等数据

Angular 8 项目发送自有 user_id 到 GA4 的实现步骤 #

首先确保你已经在 Angular 项目中完成了 GA4 基础代码（gtag.js）的集成，之后按以下方式操作：

原生 gtag.js 集成方式 #

先在全局 TS 配置中声明 gtag 避免类型报错，用户登录成功获取到自有系统 user_id 后执行以下代码：

// 可放置在全局 typings 文件中，或者当前组件顶部
declare var gtag: Function;

// 设置全局用户ID，后续所有GA4事件都会自动携带该字段
gtag('set', 'user_id', '你的实际自有用户ID值');

第三方 angular-gtag 库集成方式 #

如果你的项目使用 angular-gtag 封装库集成 GA4，可直接调用服务提供的方法：

import { GtagService } from 'angular-gtag';

constructor(private gtagService: GtagService) {}

// 登录成功后执行
this.gtagService.setUserId('你的实际自有用户ID值');

注意事项 #

• 需提前在 GA4 后台「管理 - 媒体资源设置 - 用户ID」中开启用户ID报告功能，否则关联数据无法展示
• user_id 需保证全局唯一，不要传入空值、默认值等通用标识
• 单页应用场景下仅需在用户登录成功后设置一次 user_id 即可，后续路由切换触发的页面访问事件会自动关联该ID，无需重复设置

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