Angular环境下从Google Analytics获取报表数据的可行实现方案

在Angular项目开发过程中，先后尝试了两种从Google Analytics获取报表数据的实现路径，均未达到预期效果，具体落地情况如下：

• 尝试对接GA4接口拉取数据的方案：参考Google Analytics Data API v1 Beta的runRealtimeReport接口官方文档说明，直接在前端发起数据请求，最终返回403权限类报错，原始报错信息为：

{
  "error": {
    "code": 403,
    "message": "User does not have sufficient permissions for this property. To learn more about Property ID, see https://developers.google.com/analytics/devguides/reporting/data/v1/property-id.",
    "status": "PERMISSION_DENIED"
  }
}

经过排查定位，该报错产生的核心原因是Angular前端侧的鉴权配置存在问题。

• 基于AngularFire集成能力的方案：在项目中接入AngularFire提供的Firebase Analytics能力，查阅对应官方接入文档梳理可用功能，始终未找到可主动从分析服务拉取报表数据的相关方法。

核心疑问：在Angular开发环境下，是否存在可落地的实现方式，能够从Google Analytics拉取并生成自定义报表数据？

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