facebook twitter hatena line email

「Flutter/firebase/Analytics」の版間の差分

提供: 初心者エンジニアの簡易メモ
移動: 案内検索
(firebaseのanalyticsをインストール)
(firebaseのanalyticsのサンプル)
行15: 行15:
 
</pre>
 
</pre>
  
==firebaseのanalyticsのサンプル==
+
==サンプル==
navigatorObserversを以下を追加する。
+
起動処理にnavigatorObserversを以下を追加する。
  
 
app.dart
 
app.dart
行29: 行29:
 
         FirebaseAnalyticsObserver(analytics: analytics),
 
         FirebaseAnalyticsObserver(analytics: analytics),
 
     ],
 
     ],
 +
);
 +
</pre>
 +
 +
==イベント処理サンプル==
 +
<pre>
 +
observer.analytics.setCurrentScreen(
 +
  screenName: '${TabsPage.routeName}/tab$selectedIndex',
 
);
 
);
 
</pre>
 
</pre>

2019年12月13日 (金) 15:32時点における版

firebaseから設定ファイルをDL

  1. https://console.firebase.google.com
  2. androidとiosのプロジェクトを作成し、google-services.jsonと、GoogleService-Info.plistをDL

設定ファイルの設定

  1. google-services.jsonをandorid/appの下へ
  2. GoogleService-Info.plistをios/Runnerの下へ

firebaseのanalyticsをインストール

pubspec.yaml

dependencies:
  firebase_core: ^0.4.2
  firebase_analytics: ^5.0.9

サンプル

起動処理にnavigatorObserversを以下を追加する。

app.dart

import 'package:firebase_analytics/firebase_analytics.dart';
import 'package:firebase_analytics/observer.dart';
FirebaseAnalytics analytics = FirebaseAnalytics();
return new MaterialApp(
    title: 'hogeproject',
    home: SplashScreen(),
    navigatorObservers: [
        FirebaseAnalyticsObserver(analytics: analytics),
    ],
);

イベント処理サンプル

observer.analytics.setCurrentScreen(
  screenName: '${TabsPage.routeName}/tab$selectedIndex',
);