ビューインプレッションの計測方法

CA.swift #10 #ca_swift
https://cyberagent.connpass.com/event/143403/

sample project:
https://github.com/to4iki/view-impression-sample

Transcript

1. ϏϡʔΠϯϓϨογϣϯͷ
   ܭଌํ๏
   2019.09.26
   #ca_swift
   @to4iki
   

   View Slide

2. About Me
   • Takezawa Toshiki
   • @to4iki
   • ि1α΢φʔ!
   

   View Slide

3. 1. ϏϡʔΠϯϓϨογϣϯ
   2. ܭଌσʔλͷར༻༻్
   3. ϩάܭଌͷ࣮૷
   4. ·ͱΊ
   

   View Slide

4. ϏϡʔΠϯϓϨογϣϯ
   

   View Slide

5. ϏϡʔΠϯϓϨογϣϯ
   • ΠϯϓϨογϣϯ(Impression)
   ཁૉͷදࣔճ਺
   ex. ޿ࠂը૾ͷϦΫΤετ਺
   • ϏϡʔΠϯϓϨογϣϯ(ViewImpression)
   ViewableImpressionɺActiveViewɺInView ͱಉٛ
   Ϣʔβʔ͕໨ʹ͢ΔҐஔʹදࣔ͞Ε͍ͯΔཁૉͷΠϯϓϨογϣϯ
   => Ϣʔβʔ͕ཁૉΛݟ͍ͯΔ͔Λ֬ೝ͢ΔͨΊͷࢦඪ
   ࢀߟ: https://dmlab.jp/words.html
   

   View Slide

6. ϏϡʔΠϯϓϨογϣϯ
   • ੒Ռఆٛ
   “ཁૉͷ50ˋ͕ɺεΫϦʔϯʹ1ඵҎ্දࣔ͞Ε͍ͯΔ”
   http://measurementnow.net/wp-content/uploads/2015/01/
   FINAL-062816-Mobile-Viewable-Guidelines-Final-1.pdf
   • ex. AppStoreΞϓϦ
   ྘ͷ࿮ઢͷηϧ͕ϏϡʔΠϯϓϨογϣϯର৅ͱͳΔ
   

   View Slide

7. AbemaTVͰͷϏϡʔΠϯϓϨογϣϯ
   • ର৅͸ը໘Ϟδϡʔϧ಺ͷ಺෦ཁૉ
   Ϟδϡʔϧ͸֓೦্ͷάϧʔϐϯά
   Ϟδϡʔϧ1 : ηΫγϣϯN ͷؔ܎
   • ݪଇɺը໘͕࠶ੜ੒͞Εͳ͍ݶΓཁૉʹରͯ͠
   ͷϩά͸1౓ͷΈૹ৴
   

   View Slide

8. ܭଌσʔλͷར༻༻్
   

   View Slide

9. ܭଌσʔλͷར༻༻్
   • CTR(Click Through Rate)ΛධՁ͢Δ
   ΫϦοΫUU / ϏϡʔΠϯϓϨογϣϯUU ※ UU = UniqueUser਺
   ΫϦοΫ͞Εׂͨ߹
   • CTVR = CTR × CVR(Conversion Rate)ΛධՁ͢Δ
   => ϏϡʔΠϯϓϨογϣϯʹରͯ͠Ͳͷ͘Β͍ͷׂ߹Ͱ੒Ռ͕ൃੜ͔ͨ͠
   

   View Slide

10. ܭଌσʔλͷར༻༻్
    ex. ը໘Լ෦ʹཁૉΛͨ͘͞Μฒ΂͕ͨ੒Ռʹ݁ͼͭ
    ͍͍ͯΔ͔
    • ཁૉ͕ͦ΋ͦ΋ݟΒΕ͍ͯΔ͔Λܭଌ
    • શମͱͯ͠ͷ੒Ռ͸্͕͍ͬͯΔ͔
    => ୯७ʹྔΛ૿΍ͤ͹༗ޮ ͔Ͳ͏͔Λ஌Δ͜ͱ͕
    ग़དྷΔ
    

    View Slide

11. ϩάܭଌͷ࣮૷
    

    View Slide

12. https://github.com/to4iki/view-impression-sample
    ※ ϓϩμΫγϣϯͰ࢖༻͍ͯ͠ΔίʔυΛ؆қԽͨ͠΋ͷ
    

    View Slide

13. ࿩͢͜ͱɾ࿩͞ͳ͍͜ͱ
    ࿩͢͜ͱ
    • ࣮૷ͷI/Fͷઆ໌ͱܭଌͷํ๏
    ࿩͞ͳ͍͜ͱ
    • ಺෦࣮૷ͷ࿩
    ཁૉ͕ը໘্ʹ50%Ҏ্දࣔ͞Ε͍ͯΔ൑ఆ
    ཁૉ͕ը໘্ʹ1ඵҎ্දࣔ͞Ε͍ͯΔɹɹ
    • ύϑΥʔϚϯεʹؔ͢Δࡉ͔ͳ࿩
    

    View Slide

14. • ImpressionWatcher
    ૹ৴ঢ়ଶͷ؅ཧɾཁૉ͕ݟ͑࢝Ίͯ
    ͔Β1ඵΛ௒͍͑ͯΔ͔൑ఆ
    • ImpressionWatcherConfiguration
    ઃఆ஋
    • ImpressionIndexPathSearchable
    දࣔྖҬ͕50%Λ௒͍͑ͯΔཁૉͷ
    औಘ
    • CollectionViewForImpression /
    ModuleViewForImpression
    ܭଌର৅ͷൣғ
    ϏϡʔΠϯϓϨογϣϯͷܭଌج൫
    

    View Slide

15. ϏϡʔΠϯϓϨογϣϯͷܭଌج൫
    ImpressionWatcher
    • ૹ৴ঢ়ଶͷ؅ཧɾૹ৴ର৅ͷ൑ఆ
    ܭଌΛ։࢝͢ΔλΠϛϯάΛड͚औΓɺ
    ϩάૹ৴ର৅ͷཁૉΛ௨஌͢Δ
    • ཁૉ୯Ґͷૹ৴ࡁΈঢ়ଶΛ؅ཧ
    • ViewController͕อ࣋͢Δ૝ఆ
    

    View Slide

16. ImpressionWatcher
    ૹ৴ঢ়ଶͷ؅ཧɾର৅൑ఆ
    

    View Slide

17. ImpressionWatcherConfiguration
    ઃఆ஋
    

    View Slide

18. CollectionViewForImpression / ModuleViewForImpression
    ܭଌର৅ͷൣғΛࣔ͢ϓϩτίϧ
    

    View Slide

19. ImpressionIndexPathSearchable
    ϑϨʔϜܭࢉʹΑΓදࣔྖҬ͕50%Λ௒͍͑ͯΔཁૉͷऔಘΛߦ͏
    

    View Slide

20. ݺͼग़͠ଆͷ࣮૷
    1. ϞδϡʔϧΛఆٛ͢Δ
    2. ܭଌͷൣғͱͳΔϏϡʔΛࢦఆ͢Δ
    3. ϩά؂ࢹͷ։࢝ͱऴྃΛߦ͏
    

    View Slide

21. 1. ϞδϡʔϧΛఆٛ͢Δ
    

    View Slide

22. 2. ܭଌͷൣғͱͳΔϏϡʔΛࢦఆ͢Δ
    εΫϩʔϧํ޲ͱϧʔτͷϏϡʔΛࢦఆ
    

    View Slide

23. 2. ܭଌͷൣғͱͳΔϏϡʔΛࢦఆ͢Δ
    [Ϟδϡʔϧ:ൣғͷ૊Έ߹Θͤ] ͷࢦఆ
    ※ ύϑΥʔϚϯεͷ؍఺Ͱɺ୳ࡧର৅ΛߜΔͨΊʹϏϡʔͷࢦఆൣғΛڱΊΔ͜ͱ
    

    View Slide

24. 2. ܭଌͷൣғͱͳΔϏϡʔΛࢦఆ͢Δ
    Ϟδϡʔϧ୯ҐͰݟ͍͑ͯΔϏϡʔ͕ܭଌର৅͔Λ൑ఆ͢Δ
    

    View Slide

25. 3. ϩά؂ࢹͷ։࢝ͱऴྃΛߦ͏
    • ൃՐىҼͱͳΔΠϕϯτΛInputͱ͢Δ
    viewDidAppear
    rotation
    collectionView.rx.contentOffset
    etc..
    • ܭଌλΠϛϯάΛViewModelͷOutputͱ͢Δ
    `impressionTrigger: Observable`
    ※ ύϑΥʔϚϯε؍఺ͰtriggerΛগͳ͘͢Δ͜ͱ͕ॏཁ
    

    View Slide

26. 3. ϩά؂ࢹͷ։࢝
    ؍ଌ͍ͨ͠ཁૉΛอ࣋͢ΔViewController͔Β`setup`Λݺͼग़͢͜ͱͰܭଌΛ։࢝͢Δ
    

    View Slide

27. 3. ϩά؂ࢹͷऴྃ
    ఀࢭλΠϛϯάͰ`dispose`Λݺͼग़͢͜ͱͰܭଌΛऴྃ͢Δ
    

    View Slide

28. ಺෦࣮૷: ܭଌॲཧͷྲྀΕ
    

    View Slide

29. View Slide

30. ςετ
    • ର৅ͷ୳ࡧʹؔͯ͠͸WatcherଆͰ୲อ
    • ViewModelͷOutput.impressionTrigger͕ςετର৅
    - දࣔσʔλ͕ଘࡏ͠ͳ͍ͱ͖͸ൃՐ͠ͳ͍
    - طʹϩάΛૹ৴ࡁΈͷ৔߹͸ൃՐ͠ͳ͍
    • ೚ҙsendModuleIndexPathsHandlerΛྲྀ͠ܭଌσʔλ
    ੜ੒౳Λςετ͢Δ
    

    View Slide

31. ·ͱΊ
    

    View Slide

32. ·ͱΊ
    • ϏϡʔΠϯϓϨογϣϯ͸ɺϢʔβʔ͕ཁૉΛݟ͍ͯΔ͔Ͳ͏͔Λ֬ೝ͢Δ
    ͨΊͷࢦඪ
    • ImpressionWatcherΛར༻͢Δ͜ͱͰ֤ཁૉͷܭଌΛूத؅ཧͰ͖Δ
    ܭଌൣғΛࢦఆ͠ɺݺͼग़͚ͩ͢ͷ؆୯ͳ࢓૊Έ
    • ύϑΥʔϚϯεʹؔͯ͠ݺͼग़͠ଆ͕ߟྀ͢Δඞཁ͕͋Δ
    ର৅ͷϏϡʔൣғͷࢦఆΛڱΊΔɺܭଌ։࢝ͱͳΔtriggerͷස౓Λগͳ͘͢Δͷ͕ॏཁ
    

    View Slide

33. Thank you
    

    View Slide