LoginSignup
0
1

More than 1 year has passed since last update.

Firebase In-App Messagingを試してみる(iOS)

Last updated at Posted at 2022-06-26

概要

  • アプリ内で表示させるポップアップを広報担当者レベルで出したいという要望が出そうなため、Firebaseコンソール画面で操作できるFirebase In-App Messagingを試してみる。BigQuery連携してユーザーセグメントを作成していければサーバー担当者の負担を減らせないかな・・・。

Firebase In-App Messagingについて

前提

プロジェクトに Firebase In-App Messaging SDK を追加する(podでも良さそう)

  • XCodeを開き、File > Add Packageを選択する。
    ss 2022-06-25 11.11.34.png

  • ダイアログ右上の検索バーにhttps://github.com/firebase/firebase-ios-sdkを入力するとfirebase-ios-sdkが表示されるので、Add Packageする。
    ss 2022-06-25 11.11.45.png

  • Firebase In App Messaging を選択して、Add Packageする。(2種類あるけど、どちらか片方で良いのだろうか)
    ss 2022-06-25 11.16.05.png

  • AppDelegateで下記を記述する。

    • import Firebase
    • didFinishLaunchingWithOptionsメソッド
      • FirebaseApp.configure()

Firebase Install ID を確認する

  • デバイスを特定するためにFirebase Install IDが必要になる。テストデバイスのためにInstall IDを取得する方法があるので確認する。
  • XCodeからEditScheme > Run > Arguments > FIRDebugEnabledを追加する。
  • アプリを実行し、デバッグコンソールを確認する。
    • Firebase Installation ID xxxxxxxxxxxxxxx

Firebaseコンソール画面からテスト実行する

  • Firebaseコンソール画面からIn-App Messaging を選択し、キャンペーンの作成を選択 > アプリ内メッセージングを選択する。
  • メッセージレイアウトでモーダルを設定する。
  • メッセージタイトルを設定する。本文は任意設定する。
    ss 2022-06-25 13.24.31.png
  • URLも任意で設定可能、URLスキームも設定できる。

画像を表示するためにはBlazeプラン(従量課金制)にアップデートする必要があるので注意する。
(2022年11月21日編集)
誤っていたので修正。画像をCloud StorageへとアップロードするにはBlazeプラン(従量課金制)が必要ですが、単にポップアップ上に画像を表示するだけであれば、課金は不要っぽいです。
image.png

  • デバイスのプレビューで「デバイスをテスト」を押下する。
    image.png

  • XCodeで取得したインストールIDを設定し、テストを押下する。
    ss 2022-06-25 13.25.53.png

  • アプリを起動するとポップアップが確認できる。
    ss 2022-06-25 12.17.01.png

まとめ

  • Firebase In-App Messagingでモーダルなポップアップを表示することができた。
  • URLスキームも設定できる、ポップアップタップ時のイベントもDelegateで拾える。
  • Firebaseプロジェクトを従量課金制にしておけば画像も設定できる。
  • FirebaseAnalytics、BigQueryと連携してユーザーセグメントを作成できれば、サーバー担当者の業務を一つ減らせるかも。
  • AnalyticsのロギングやBigQuery連携・セグメント作成あたりも試しておきたい。
0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1