Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

to4iki
September 26, 2019

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

to4iki

September 26, 2019
Tweet

More Decks by to4iki

Other Decks in Programming

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