$30 off During Our Annual Pro Sale. View Details »
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Firebase In-App Messagingを 導入してみた
Search
wiroha
March 08, 2019
Technology
0
1.1k
Firebase In-App Messagingを 導入してみた
2019/3/8(金) shibuya.apk #32
https://shibuya-apk.connpass.com/event/120562/
での発表資料です
wiroha
March 08, 2019
Tweet
Share
More Decks by wiroha
See All by wiroha
変化に対応して紡ぐキャリア / A career that adapts to change
wiroha
0
720
15年続けて感じた、アウトプットのメリット / The benefits of output, felt over 15 years
wiroha
1
120
2024年最新版!Android開発で役立つ生成AI徹底比較
wiroha
1
1.3k
Jetpack Compose Modifier 徹底解説 / Jetpack Compose Modifier
wiroha
0
2.7k
小さな勇気の積み重ね~コミュニティで技術同人誌を執筆する話~ / Write tech book with community member
wiroha
1
2.2k
DroidKaigi 2021 触って学ぶAccessibility
wiroha
3
1.3k
Until I meet Go
wiroha
0
180
Until one woman becomes an engineer
wiroha
1
450
BigQuery Data Transfer Service for Google Play を使ってみた / How to use BigQuery Data Transfer Service for Google Play
wiroha
1
1.2k
Other Decks in Technology
See All in Technology
特別捜査官等研修会
nomizone
0
550
20251222_サンフランシスコサバイバル術
ponponmikankan
2
140
ActiveJobUpdates
igaiga
1
310
AlmaLinux + KVM + Cockpit で始めるお手軽仮想化基盤 ~ 開発環境などでの利用を想定して ~
koedoyoshida
0
150
Microsoft Agent Frameworkの可観測性
tomokusaba
1
100
アプリにAIを正しく組み込むための アーキテクチャ── 国産LLMの現実と実践
kohju
0
210
普段使ってるClaude Skillsの紹介(by Notebooklm)
zerebom
8
2k
Bedrock AgentCore Memoryの新機能 (Episode) を試してみた / try Bedrock AgentCore Memory Episodic functionarity
hoshi7_n
2
1.7k
Strands Agents × インタリーブ思考 で変わるAIエージェント設計 / Strands Agents x Interleaved Thinking AI Agents
takanorig
4
1.9k
Oracle Database@Google Cloud:サービス概要のご紹介
oracle4engineer
PRO
1
760
テストセンター受験、オンライン受験、どっちなんだい?
yama3133
0
120
20251219 OpenIDファウンデーション・ジャパン紹介 / OpenID Foundation Japan Intro
oidfj
0
480
Featured
See All Featured
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
35
3.3k
The Power of CSS Pseudo Elements
geoffreycrofte
80
6.1k
Typedesign – Prime Four
hannesfritz
42
2.9k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
249
1.3M
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
davidcarrasco
0
37
How People are Using Generative and Agentic AI to Supercharge Their Products, Projects, Services and Value Streams Today
helenjbeal
1
80
4 Signs Your Business is Dying
shpigford
186
22k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
0
250
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
400
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
210
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
31
9.8k
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
1
1.3k
Transcript
Firebase In-App Messagingを 導入してみた 2019/3/8 @wiroha
自己紹介 • @wiroha • 株式会社メルカリ Androidエンジニア • DroidKaigi, 技術書典スタッフ
Firebase In-App Messagingとは • アプリ内にお知らせを表示するサービス • 簡単に、任意のタイミングで表示可能 • コンバージョン等を日付別に追跡できる •
2018年8月よりbeta版として提供 • 公式 https://firebase.google.com/products/in-app-messaging • github https://github.com/firebase/firebase-android-sdk • Quick Start https://github.com/firebase/quickstart-android
導入方法 • 既にFirebaseを利用しているなら、build.gradleに2行書くだけ。かんたん。 • Firebase未導入であればコンソールの案内に従って、アプリの登録と設定ファイ ル(google-services.json)のダウンロードをします
設定項目 1. スタイルと内容 2. 宛先 3. スケジュール ◦ Firebase Analytics
のイベントを使用 4. コンバージョンイベント(省略可) ◦ 数値集計用
設定項目1:スタイルと内容 モーダル 画像のみ トップバナー
設定項目1:スタイルと内容(モーダルの例) デザインがほぼ決まっている
設定項目2:宛先 • 様々な条件で絞り込める。条件はANDのみ。 • iOS/Android, 言語, Firebase Audiences で作成したユーザリスト, 初回起動,
ユーザプロパティ, Firebase Predictionsによる予測など
設定項目3:スケジュール • 罠:開始は「現在」を選ぶとタイムゾーンがロサンゼルス時間になり、終了日 時もロサンゼルス時間で指定する必要が出てくるので注意 • トリガーはデフォルトはアプリ起動。カスタムするにはFirebase Analyticsの イベントを追加する。
ハマりどころ • Build Error ◦ com.google.protobuf を既に使用しており競合した • ProGuard •
構成ファイル(google-services.json)の更新が必要だった ◦ 本番環境のみ current_key が2つに増えていた • たまにcrashする ◦ 最近だとIn-App Messaging内部で使っているpicassoでcrash
まとめ • 導入も、管理画面操作も簡単 • 宛先とトリガーイベントの組み合わせにより、 様々なシーンで活用できる • より複雑なお知らせをするには 自作した方が良いが、 まず手軽に使ってみるには良い選択
• モーダルのデザインが物足りなければ 「画像のみ」で全体をモーダル風画像にして解決 詳しく見る
Thanks! 他にもめちゃくちゃ細かく調べたので、懇親会で声かけてください!