More than 5 years have passed since last update.

ゆめみAdvent Calendar 2018

@powerispowerin

株式会社ゆめみ

【Firebase】In-App Messaging・Analytics・Crashlytics・RemoteConfig・A/B Testing

Firebase

Last updated at 2018-12-20Posted at 2018-12-15

この前Firebaseをつかったグロースハックの勉強会に参加したら面白かったので挑戦してみました。

とはいってもどうしたらいいのかわかんなかったので、今回はCodelab(≒Firebaseのチュートリアル集みたいなやつ)を元に試してみます
https://codelabs.developers.google.com/codelabs/grow-firebase-ios-swift/index.html?index=..%2F..index#0

これが学べるらしい

In-App Messaging
Analytics
Crashlytics
RemoteConfig
A/B Testing

*プロジェクト作成、Podfile、セキュリティルール等の設定は割愛します。

In-App Messaging

In-App Messagingを使うとターゲットに対してコンテキストメッセージを送ることができ、何らかの施策を打つことができます。

準備

Podfileにpod 'Firebase/InAppMessagingDisplay'があることを確認
Go to Product > Scheme > Edit Schemeに遷移して、Arguments tabを選択。Arguments passed on launchにフラグを追加しRun。RunさせるとコンソールエリアのStarting InAppMessagingの後にtesting app's Instance IDが表示されるのでメモ。

In-App Messagingを試してみる

Firebaseのコンソールに戻って、ナビゲーションパネルからIn-App Messaging > 最初のキャンペーンを作成を選択

メッセージタイトルと本文に適当な言葉を入力し、Test on Deviceを選択。

端末でのテストというダイアログが表示されるので、先程メモしておいたtesting app's Instance IDを入力し入力欄右に表示される+ボタンを選択しIDが追加されたことを確認したら「テスト」を選択
アプリがフォアグラウンドにいる場合は一度バックグラウンドに戻してから再度フォアグラウンドにすると設定したタイトルとメッセージのダイアログが表示されます。

ただ「テスト」を選択してから一度しか表示されないので、再度テストする場合は再度IDの追加から設定して「テスト」を選択する必要がある。

Firebase Analytics

Firebase Analyticsを使うことでユーザーがどこで離脱したか、またそのアプリ内のどこが一番使われているかも理解できます

準備

MeasurementHelper.swiftファイルを開いてコードを追加します
*実際のソースコードではsendLogoutEventメソッドですが、画面上はSignoutになっていて気持ち悪かったのでメソッド名書き換えました。それとsendSignoutEvent()メソッドは呼び出さてないので自分で呼び出すコードを追加しないと一生ログは吐き出されません。

  static func sendLoginEvent() {
    Analytics.logEvent(AnalyticsEventLogin, parameters: nil)
  }

  static func sendSignoutEvent() {
    Analytics.logEvent("signout確認", parameters: nil)
  }

  static func sendMessageEvent() {
    Analytics.logEvent("message確認", parameters: nil)
  }

これがどんな動きをしているかFirebase Console内でみたい場合は、XcodeでProduct > Scheme > Edit Schemeと遷移し、「Arguments Passed on Launch」で「+」を選択し新しいargumentとして-FIRAnalyticsDebugEnabledを追加します。
*Firebase Analyticsによるレポートはレポートがアップロードされてから約24時間後にFirebase ConsoleのAnalysisで確認できます。今回は24時間待てないので割愛(そのうち載せます)

Firebase Analyticsでログを出してみる

実際の結果
一応messageが送られたときとsignoutされたときのログは取れてるけど、コンソールの情報だけだとわからない。
これがどんな内容なのかはもしかしたらFirebase Consoleで確認するのかもしれないですね。

2018-12-15 18:47:17.056057+0900 FriendlyChatSwift[6217:107112] 5.14.0 - [Firebase/Analytics][I-ACS023051] Logging event: origin, name, params: app, message確認, {
    firebase_event_origin (_o) = app;
    firebase_screen_class (_sc) = FCViewController;
    ga_screen_id (_si) = -3115657362850325446;
}

2018-12-15 19:00:42.060427+0900 FriendlyChatSwift[6779:116281] 5.14.0 - [Firebase/Analytics][I-ACS023051] Logging event: origin, name, params: app, signout確認, {
    firebase_event_origin (_o) = app;
    firebase_screen_class (_sc) = FCViewController;
    ga_screen_id (_si) = 8925318972289943464;
}

Crashlytics

Firebase Crashlyticsを使うと、クラッシュが発生したときにレポートが作成され、クラッシュまでのイベントを記録できます。

準備

まずPodfileにpod 'Fabric', '~> 1.7.2' and pod 'Crashlytics', '~> 3.9.3' があることを確認
the run script build phaseを追加
- Xcodeでプロジェクトを開きナビゲーターエリアにあるプロジェクトファイルを選択
- Build Phaseタブを選択
- 「+」を選択しNew Run Script Phaseを選択
- Type a script or drag a script file from your workspace to insert its path.と書かれているテキストボックスに${PODS_ROOT}/Fabric/run を入力
- Xcode10を使っている場合はBuild Phaseの「input files」のフィールドにInfo.plistの場所を追加
  $(BUILT_PRODUCTS_DIR)/$(INFOPLIST_PATH)
- プロジェクトのデバッグ設定を調整する。ビルドの起動時にデバッガに接続する場合、Crashlytics はクラッシュをキャプチャできません。ビルドの設定を調整して、プロジェクトのデバッグ情報の形式を変更します。
  ①Xcode ナビゲータでプロジェクトがまだ選択されている状態で、[Build Settings] タブを開きます。
  ②すべてのビルド設定を表示するには、このタブの上部にある [All] をクリックします。
  ③「debug information format」を検索します。
  ④[Debug Information Format] 値を[DWARF with dSYM File] に設定します。

クラッシュを起こしてみる

Crashlytics の動作を確認するのにクラッシュが発生するのを待つ必要はなく、アプリに Crashlytics.sharedInstance().crash() を追加するだけで、SDK を使用して強制的にアプリをクラッシュさせることができます。

// FCViewController
 @IBAction func didPressCrash(_ sender: AnyObject) {
    print("Crash button pressed!")
    Crashlytics.sharedInstance().crash()
  }

ここまでできたら実行。
1回目の初期インスタンスではCrashlyticsの動作を妨げるデバッガが含まれているらしいので、一度止めて再度実行させます。
起動後「Crash」ボタンを選択するとCrashlyticsAPIが呼ばれ5分以内にFirebase Consoleにクラッシュレポートが表示されるようです。
設定をカスタマイズして、オプトインのレポート、ログ、キーを追加したりすると、重大でないエラーを追跡したりすることもできるようです(今回はしません)
参考: https://firebase.google.com/docs/crashlytics/force-a-crash?hl=ja

Remote Config

Remote Configを使うことでアプリのアップデートをユーザーにダウンロードしてもらわなくても、また、公開しなくても、アプリの動作と外観を変更できます。

ここではアプリの設定を変えずにRemote Configを使って入力できる文字数の制限を変更してみます。

準備

Remote Configのルールを追加
コンソールのパネルからRemote Configを選択、「最初のパラメータを追加」を選択

パラメータKeyをfriendly_msg_length、値を10に設定し、「パラメータを追加」を選択。これでユーザーはフィールドに10文字までしか入力できません

次の画面で「Publish Changes」を選択

Podfileに pod 'Firebase/RemoteConfig'があることを確認
Remote Configの設定

FCViewController.swiftにコードを追加

  func configureRemoteConfig() {
    remoteConfig = RemoteConfig.remoteConfig()
    let remoteConfigSettings = RemoteConfigSettings(developerModeEnabled: true)
    remoteConfig.configSettings = remoteConfigSettings
  }

リクエストを作成して Remote Config から先程設定した制限値を取得。その値をアプリで使用できるようにするため completion handlerを追加する

FCViewController.swift
  func fetchConfig() {
    var expirationDuration: TimeInterval = 3600
    // 開発者モードの場合、cacheExpiration(キャッシュの有効期限)は0に設定される
    if self.remoteConfig.configSettings.isDeveloperModeEnabled {
      expirationDuration = 0
    }

    remoteConfig.fetch(withExpirationDuration: expirationDuration) { [weak self] (status, error) in
      if status == .success {
        print("Config fetched!")
        guard let strongSelf = self else { return }
        strongSelf.remoteConfig.activateFetched()
        let friendlyMsgLength = strongSelf.remoteConfig["friendly_msg_length"]
        if friendlyMsgLength.source != .static {
          strongSelf.msglength = friendlyMsgLength.numberValue!
          print("Friendly msg length config: \(strongSelf.msglength)")
        }
      } else {
        print("Config not fetched")
        if let error = error {
          print("Error \(error)")
        }
      }
    }
  }