angular - 如何在 Angular 10 应用程序仪表板中包含 firebase 分析？

Question

"@angular/cli": "~10.0.8",

"@angular/fire": "^6.0.3",

有人可以权衡如何创建 Firebase 分析仪表板吗？是否可以在 Angular 应用中检索 firebase 分析事件并在应用仪表板中显示分析？

我搜索了将 AngularFireAnalyticsModule 与 Google Analytics 结合使用的示例，但没有找到任何详细说明的用法。我看到 screen_view 从 angular-fire-analytics.js 登录到控制台，但我不确定如何将此信息包含在应用仪表板中。

我关注了 Getting started with Google Analytics文档并将代码添加到 app.module.ts:

import { AngularFireAnalyticsModule, CONFIG, DEBUG_MODE, ScreenTrackingService, UserTrackingService } from '@angular/fire/analytics';

  imports: [
     AngularFireAnalyticsModule
  ],
  providers: [
    ScreenTrackingService,
    UserTrackingService,

    { provide: CONFIG, useValue: {
        send_page_view: false,
        allow_ad_personalization_signals: false,
        anonymize_ip: true
      }
    },
    { provide: DEBUG_MODE, useValue: true }
  ],

我已经记录了“notification_received”事件，并且可以在 firebase 仪表板 StreamView 上看到记录的事件。

export class AnalyticsComponent implements OnInit {
  constructor(
    analytics: AngularFireAnalytics,) {
    analytics.logEvent('notification_received');
  }
  ngOnInit(): void {
  }
}

Answer 1

像这样在提供者配置中尝试

providers: [ScreenTrackingService, UserTrackingService, 
{ provide: CONFIG, useValue: {
  DEBUG_MODE: true
} }]