Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
実戦に役立つFirebase_Analytics_使用集
Search
hiroya iizuka
October 15, 2020
0
140
実戦に役立つFirebase_Analytics_使用集
hiroya iizuka
October 15, 2020
Tweet
Share
More Decks by hiroya iizuka
See All by hiroya iizuka
学問と資産
hiroyaiizuka
0
160
clean architecture と経営
hiroyaiizuka
0
1.1k
既存のRESTful な RailsプロジェクトにGraphQL導入を検討した話
hiroyaiizuka
0
4.9k
3つのNext.jsプロジェクトを 新卒エンジニアと一緒に 開発した話
hiroyaiizuka
1
410
ReactNative + microCMS の設計にすごく悩んだ話
hiroyaiizuka
1
1k
Featured
See All Featured
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
How to Think Like a Performance Engineer
csswizardry
19
1.1k
[RailsConf 2023] Rails as a piece of cake
palkan
51
4.9k
Designing for humans not robots
tammielis
249
25k
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
3
370
XXLCSS - How to scale CSS and keep your sanity
sugarenia
246
1.3M
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
167
49k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
32
1.8k
Statistics for Hackers
jakevdp
796
220k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
KATA
mclloyd
29
13k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
28
7.9k
Transcript
開発に役立つ 開発に役立つ 開発に役立つ 開発に役立つ 開発に役立つ 開発に役立つ Firebase Analytics 実戦集 Firebase
Analytics 実戦集 Firebase Analytics 実戦集 Firebase Analytics 実戦集 Firebase Analytics 実戦集 Firebase Analytics 実戦集 BeatFit CTO 飯塚浩也 BeatFit CTO 飯塚浩也 BeatFit CTO 飯塚浩也 BeatFit CTO 飯塚浩也 BeatFit CTO 飯塚浩也 BeatFit CTO 飯塚浩也 1 / 17
自己紹介 自己紹介 自己紹介 自己紹介 自己紹介 自己紹介 { { "born" "born":
: 1988 1988 年 年, , "career" "career": : Engineer Engineer 1.5 1.5 年 年, , doctor doctor 8 8 年 年 "develop" "develop": : React Native React Native 2.5 2.5 年 年, , Rails Rails 2 2 年 年, , "hobby" "hobby": : drink alchol drink alchol } } 2 / 17
今日のお話 今日のお話 今日のお話 今日のお話 今日のお話 今日のお話 ・ Firebase Analytics 概論
・ Firebase Analytics 概論 ・ Usecase 集 ・ Usecase 集 - Production Debug - Production Debug - Cloud Function - Cloud Function - In App Messaging - In App Messaging 3 / 17
anlaytics.logEvent() anlaytics.logEvent() anlaytics.logEvent() anlaytics.logEvent() anlaytics.logEvent() anlaytics.logEvent() import import { {
Button Button } } from from 'react-native' 'react-native'; ; import import analytics analytics from from '@react-native-firebase/analytics' '@react-native-firebase/analytics'; ; < <Button Button onPress onPress= ={ {async async ( () ) => => await await analytics analytics( () ). .logEvent logEvent( ('basket' 'basket', , { { item item: : 'mens grey t-shirt' 'mens grey t-shirt', , description description: : [ ['round neck' 'round neck', , 'long sleeved' 'long sleeved'] ], , } }) ) } } / /> > 4 / 17
5 / 17
弊社アプリ開発での 弊社アプリ開発での 弊社アプリ開発での 弊社アプリ開発での 弊社アプリ開発での 弊社アプリ開発での ちょっと変わった Analytics Event ちょっと変わった
Analytics Event ちょっと変わった Analytics Event ちょっと変わった Analytics Event ちょっと変わった Analytics Event ちょっと変わった Analytics Event 事例をご紹介します 事例をご紹介します 事例をご紹介します 事例をご紹介します 事例をご紹介します 事例をご紹介します 6 / 17
1. Production debug 1. Production debug 1. Production debug 1.
Production debug 1. Production debug 1. Production debug 7 / 17
ajax ajax . .post post( (url url, , body body,
, HttpService HttpService. .makeHeader makeHeader( (userData userData. .token token) )) ) . .map map( (response response => => { { ... ... // 本番環境で低確率でこの付近の処理が失敗するけど、原因がよくわからない。 // 本番環境で低確率でこの付近の処理が失敗するけど、原因がよくわからない。 return return Observable Observable. .of of( (postLogSuccess postLogSuccess( (response response) )) ) } }) ) . .catch catch( (error error => => { { // エラーが起きて、catch されたのか? // エラーが起きて、catch されたのか? // サーバーのログから、はよくわからない。 // サーバーのログから、はよくわからない。 return return Observable Observable. .of of( (postLogFailure postLogFailure( (error error) )) ) } }) ) 8 / 17
ajax ajax . .post post( (url url, , body body,
, HttpService HttpService. .makeHeader makeHeader( (userData userData. .token token) )) ) . .map map( (response response => => { { // ここにevent を埋めこむ! // ここにevent を埋めこむ! analytics analytics. .logEvent logEvent( ("postHistory" "postHistory") ) return return Observable Observable. .of of( (postLogSuccess postLogSuccess( (response response) )) ) } }) ) . .catch catch( (error error => => { { // ここにevent を埋めこむ // ここにevent を埋めこむ // 第二引数 にerror 情報を渡せる // 第二引数 にerror 情報を渡せる analytics analytics. .logEvent logEvent( ("postHistoryFailure" "postHistoryFailure", , error error) ) return return Observable Observable. .of of( (postLogFailure postLogFailure( (error error) )) ) } }) ) 9 / 17
2. clout functions との連携 2. clout functions との連携 2. clout
functions との連携 2. clout functions との連携 2. clout functions との連携 2. clout functions との連携 10 / 17
logEvent() をトリガー logEvent() をトリガー logEvent() をトリガー logEvent() をトリガー logEvent() をトリガー
logEvent() をトリガー 11 / 17
module module. .exports exports = = functions functions . .analytics
analytics . .event event( ('eventName' 'eventName') ) // トリガー // トリガー . .onLog onLog( (async async( (event event) ) => => { { // 様々なbackend の処理がここにかける! // 様々なbackend の処理がここにかける! } }) ) 12 / 17
3. In App Messaging との連携 3. In App Messaging との連携
3. In App Messaging との連携 3. In App Messaging との連携 3. In App Messaging との連携 3. In App Messaging との連携 13 / 17
analytics event から audience を作成 analytics event から audience を作成
analytics event から audience を作成 analytics event から audience を作成 analytics event から audience を作成 analytics event から audience を作成 14 / 17
Audience で message の範囲を絞る Audience で message の範囲を絞る Audience で
message の範囲を絞る Audience で message の範囲を絞る Audience で message の範囲を絞る Audience で message の範囲を絞る 15 / 17
analytics event をトリガーにする analytics event をトリガーにする analytics event をトリガーにする analytics
event をトリガーにする analytics event をトリガーにする analytics event をトリガーにする 16 / 17
analytics は分析以外にも analytics は分析以外にも analytics は分析以外にも analytics は分析以外にも analytics は分析以外にも
analytics は分析以外にも 工夫次第で、様々な用途に有効! 工夫次第で、様々な用途に有効! 工夫次第で、様々な用途に有効! 工夫次第で、様々な用途に有効! 工夫次第で、様々な用途に有効! 工夫次第で、様々な用途に有効! 17 / 17