広告計測してと言われた時にReact Nativeエンジニアが詠む資料 / React Native with AppsFlyer and Firebase Analytics

2019年4月25日【第4回】ReactNativeにゆかりのあるスタートアップが集う会の発表資料です。
https://r-n.connpass.com/event/126775/
React Nativeアプリで AppsFlyer ・ Firebase Analytics を使って広告計測した話と、その失敗談です。

Transcript

1. ޿ࠂܭଌͯ͠ͱݴΘΕͨ࣌ʹ
   3FBDU/BUJWFΤϯδχΞ͕ӵΉ
   ࢿྉ
   
   4IPLFO'VKJTBLJ
   

   View Slide

2. ࣗݾ঺հ
   w 4IPLFO'VKJTBLJ !TIPLFOY
   
   w גࣜձࣾΩονϋΠΫڞಉ૑ۀऀ$50
   w ϒϩά,JUDI)JLF5FDI#MPH
   

   View Slide

3. ΩονϋΠΫΞϓϦ͸

   3FBDU/BUJWFͰ։ൃ೥໨
   

   View Slide

4. ΞϓϦͷΠϯετʔϧ޿ࠂɺ
   ग़ͯ͠·͔͢ʁ
   

   View Slide

5. ग़ͯͨ͠Β

   ܭଌ͠Α͏
   ίϯόʔδϣϯ
   

   View Slide

6. "QQT'MZFS
   w ϞόΠϧ޿ࠂޮՌଌఆϓϥοτϑΥʔϜ
   w ΞτϦϏϡʔγϣϯϓϩόΠμʔͱ΋ݺ͹ΕΔ
   w ڝ߹ͱͯ͠"EKVTUͳͲ
   w ʮΞϓϦ͕Ͳͷ޿ࠂ͔ΒΠϯετʔϧ͞Ε͔ͨʯΛܭଌͰ
   ͖Δ
   

   View Slide

7. "QQT'MZFSΧελϜμογϡϘʔυ
   

   View Slide

8. ޿ࠂΫϦΤΠςΟϒ
   ޿ࠂ" ޿ࠂ#
   

   View Slide

9. ޿ࠂΫϦΤΠςΟϒ
   ޿ࠂ" ޿ࠂ#
   ͜ͷϢʔβʔ
   Ͳͷ޿ࠂ͔Β
   དྷͨͷ͔ͳʁ
   

   View Slide

10. ΞϓϦΠϯετʔϧ
    Ϣʔβʔొ࿥
    ΫϨδοτΧʔυొ࿥
    ՝ۚ

    ʢίϯόʔδϣϯʣ
    50% 20% 20% 10%
    10

    %
    10

    %
    10

    %
    20%
    40%
    30%
    40%
    10

    %
    40%
    40%
    10

    %
    40%
    

    View Slide

11. ΞϓϦΠϯετʔϧ
    Ϣʔβʔొ࿥
    ΫϨδοτΧʔυొ࿥
    ՝ۚ

    ʢίϯόʔδϣϯʣ
    50% 20% 20% 10%
    10

    %
    10

    %
    10

    %
    20%
    40%
    30%
    40%
    10

    %
    40%
    40%
    10

    %
    40%
    

    View Slide

12. ΞϓϦΠϯετʔϧ
    Ϣʔβʔొ࿥
    ΫϨδοτΧʔυొ࿥
    ՝ۚ

    ʢίϯόʔδϣϯʣ
    50% 20% 20% 10%
    10

    %
    10

    %
    10

    %
    20%
    40%
    30%
    40%
    10

    %
    40%
    40%
    10

    %
    40%
    

    View Slide

13. View Slide

14. View Slide

15. Ϣʔβʔ֫ಘ Ϣʔβʔߦಈ
    

    View Slide

16. Ϣʔβʔ֫ಘ Ϣʔβʔߦಈ
    ͬͪ͜
    

    View Slide

17. ޿ࠂ 1. ޿ࠂΛݟΔ
    

    View Slide

18. ޿ࠂ 1. ޿ࠂΛݟΔ
    2. ޿ࠂΛλοϓ
    

    View Slide

19. ޿ࠂ 1. ޿ࠂΛݟΔ
    2. ޿ࠂΛλοϓ
    3. ετΞʹભҠ
    ΞϓϦετΞ
    

    View Slide

20. ޿ࠂ 1. ޿ࠂΛݟΔ
    2. ޿ࠂΛλοϓ
    3. ετΞʹભҠ
    ΞϓϦετΞ
    4. ΞϓϦ

    Πϯετʔϧ
    

    View Slide

21. ޿ࠂ 1. ޿ࠂΛݟΔ
    2. ޿ࠂΛλοϓ
    3. ετΞʹભҠ
    ΞϓϦετΞ
    4. ΞϓϦ

    Πϯετʔϧ
    5. SDK APIίʔϧ
    

    View Slide

22. ޿ࠂ 1. ޿ࠂΛݟΔ
    2. ޿ࠂΛλοϓ
    3. ετΞʹભҠ
    ΞϓϦετΞ
    4. ΞϓϦ

    Πϯετʔϧ
    5. SDK APIίʔϧ
    Web Console
    6. ίϯόʔδϣϯ
    

    View Slide

23. ͜͜ͰҰ۟
    

    View Slide

24. ޿ࠂ 1. ޿ࠂΛݟΔ
    2. ޿ࠂΛλοϓ
    3. ετΞʹભҠ
    ΞϓϦετΞ
    4. ΞϓϦ

    Πϯετʔϧ
    5. SDK APIίʔϧ
    Web Console
    6. ίϯόʔδϣϯ
    ܭଌ͸
    ϦμΠϨΫτ͕
    ଟ͍͔ͳ
    

    View Slide

25. SFBDUOBUJWFBQQTqZFS
    SFBDUOBUJWFpSFCBTF
    

    View Slide

26. SFBDUOBUJWFBQQTqZFS
    w "QQT'MZFS͕ࣾఏڙͯ͠
    ͍Δ3FBDU/BUJWF༻ͷ
    4%,
    w 3&"%.&͕ॆ࣮͍ͯ͠Δ
    w αϙʔτʹ࣭໰ͨ͠Β౴
    ͑ͯ͘ΕΔ
    https://github.com/AppsFlyerSDK/react-native-appsflyer
    

    View Slide

27. SFBDUOBUJWFpSFCBTF
    w αʔυύʔςΟఏڙ
    w ҰԠɺ'JSFCBTFͷެࣜυΩϡ
    ϝϯτͰ঺հ͞Ε͍ͯΔ
    w ΞϓϦॳظϦϦʔε࣌͸
    SFBDUOBUJWFGDNΛ࢖͍ͬͯ
    ͕ͨ੾Γସ͑ͨ
    https://github.com/invertase/react-native-firebase
    

    View Slide

28. Ϣʔβʔ֫ಘ Ϣʔβʔߦಈ
    ͬͪ͜
    

    View Slide

29. "'ͱ'#ͷͭʹϩΪϯά͢Δ
    USBDL&WFOUؔ਺Λ࡞ͬͨ
    w ܭଌ͍ͨ͠&WFOUͰ
    ίʔϧ͍ͯ͠Δ
    

    View Slide

30. Web Console
    trackEvent()
    Web Console
    

    View Slide

31. (PPHMF"OBMZUJDTGPS'JSFCBTF
    

    View Slide

32. ͭ͡͸"1*αʔόʔଆ

    ʢ3BJMTʣͰ΋ΠϕϯτϩάΛͱ͍ͬͯΔ
    

    View Slide

33. Web Console
    trackEvent()
    Web Console Web Console
    

    View Slide

34. Web Console
    trackEvent()
    Web Console Web Console
    σʔλ͕෼ࢄ͍ͯͯ͠

    ݟΔը໘͕ଟ͍໰୊
    

    View Slide

35. View Slide

36. trackEvent()
    Web Console
    

    View Slide

37. ͜͜ͰҰ۟
    

    View Slide

38. trackEvent()
    Web Console
    ू໿΍
    σʔλඈͼࠐΉ
    #JH2VFSZ
    

    View Slide

39. ࣦഊஊΛ঺հ͠·͢
    

    View Slide

40. ࣦഊஊετΞͰݟΔΑΓ৽
    نΠϯετʔϧ਺͕ଟ͍
    w "QQT'MZFS4%,ΛೖΕͨΞϓϦόʔδϣϯʹΞοϓσʔ
    τͨ͠Ϣʔβʔ΋Χ΢ϯτ͞ΕΔ
    w "QQT'MZFSͷӦۀ͞Μ͕ڭ͑ͯ͘Εͨ
    w "QQT'MZFSଆͷ%#ʹ*%͕ແ͍Ϣʔβʔ͸৽نϢʔβʔͱ
    ͯ͠ܭଌ͞ΕΔ
    

    View Slide

41. ࣦഊஊ%FCVHϏϧυͰ΋

    Πϕϯτܭଌ͍ͯͨ͠
    w ։ൃ؀ڥͰΧ΢ϯτ͠
    ͯͨ
    w ˡͷίʔυΛೖΕͯ
    %FCVHϏϧυͰ͸Φ
    ϑʹ͢Δ
    

    View Slide

42. ࣦഊஊ'JSFCBTFͰશ෦΍Ζ
    ͏ͱͨ͠
    w ޿ࠂ͔ΒͷϦϯΫʹ͸'JSFCBTF%ZOBNJD-JOLT
    w (PPHMF1MBZ4UPSF͸্ख͍͕͘͘ɺ"QQ4UPSFͷܭ
    ଌ্͕ख͍͔͘ͳ͍
    w "QQT'MZFSΛೖΕΔ͜ͱͰղܾ
    w 'BDFCPPL޿ࠂ͕ΫϦοΫ՝͔ۚΒΠϯετʔϧ՝ۚʹ
    ͳΓ$1*͕େ෯վળ
    

    View Slide

43. ࣦഊஊ"QQT'MZFSͰશ෦΍
    Ζ͏ͱͨ͠
    w ΞϓϦ಺෼ੳ͸'JSFCBTFͷํ͕࢖͍΍͍͢
    w "VEJFODFTʹΑΔϑΟϧλ͕Մೳ
    w ΞϓϦόʔδϣϯ΍೥ྸɾੑผͳͲͷϢʔβʔϓϩύςΟ͕ɺ
    σϑΥϧτͰηοτ͞Ε͍ͯΔ
    w ྫ"VEJFODFTͰϑΟϧλͨ͠Ϣʔβʔʹϓογϡ௨஌ɺΛඪ
    ४ػೳ͚ͩͰ࣮ݱͰ͖Δ
    w "QQT'MZFSͷ"VEJFODFTɾϓογϡ"1*͸༗ྉΦϓγϣϯ
    

    View Slide

44. ͜͜ͰҰ۟
    

    View Slide

45. ࣦഊ΋

    ڞ༗͢Ε͹
    τʔΫωλ
    

    View Slide

46. ͝੩ௌ
    ͋Γ͕ͱ͏͍͟͝·ͨ͠
    

    View Slide