如何在 Firebase Analytics Flutter 上跟踪屏幕

Question

我正在尝试将 Firebase 分析跟踪屏幕添加到我的应用程序中。我尝试在菜单中输入它，如下图所示，但它总是读不出来

我尝试了一些代码，但它不起作用。目前，我使用的代码如下：

      FirebaseAnalyticsObserver(analytics: analytics);

 onGenerateRoute: widget.appRouter.onGenerateRoute,
          builder: EasyLoading.init(),
          initialRoute: splashScreenRoute,
          navigatorObservers: <NavigatorObserver>[
            // FirebaseAnalyticsObserver(analytics: _analytics),
            observer
          ] 

在每个屏幕上，我在每个 initState() 上添加如下代码

analytics.setCurrentScreen(screenName: 'Page Detail Mobil');

我已经重新运行该应用程序，但它无法跟踪屏幕并放入 firebase 分析。请帮助我，谢谢

Answer 1

我使用了不同的功能来跟踪我的屏幕。我已经在路由上调用了 logScreens 函数，或者您可以在每个页面的 initState 上调用它。

这是我的 analytic_service.dart

class AnalyticsService {
 final FirebaseAnalytics _analytics = FirebaseAnalytics();

  Future logScreens({@required String? name}) async {
  await _analytics.setCurrentScreen(screenName: name);
 }
}

这是 locator.dart

import 'package:get_it/get_it.dart';

import 'analytic_service.dart';

GetIt locator = GetIt.instance;

void setupLocator() {
  if (!locator.isRegistered<AnalyticsService>()) {
    locator.registerLazySingleton(() => AnalyticsService());
  }
}

需要时调用 logScreens 函数。

locator<AnalyticsService>().logScreens(name: "Dashboard");

这将像这样记录在分析中。

在 DebugView 上尝试一下。单击屏幕视图。它将显示这样的屏幕。