(ver 2.25.x) 9. ์ปค์Šคํ„ฐ๋งˆ์ด์ง•

ํ…Œ๋งˆ ์ ์šฉ

BuzzAd Benefit์—์„œ ์ œ๊ณตํ•˜๋Š” ๊ด‘๊ณ ์ง€๋ฉด์˜ CTA ํ…Œ๋งˆ๋ฅผ ๋ณ€๊ฒฝํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์ด ๋‹จ๊ณ„๋Š” ์„ ํƒ์‚ฌํ•ญ์ด๊ธด ํ•˜์ง€๋งŒ ์›ํ•˜๋Š” ์ƒ‰์ƒ, ์•„์ด์ฝ˜์„ ์ ์šฉํ•˜๋Š” ๋‹จ๊ณ„์ด๋ฏ€๋กœ ์ ์šฉํ•˜๋Š” ๊ฒƒ์„ ๊ถŒ์žฅํ•ฉ๋‹ˆ๋‹ค. ์•ฑ์—์„œ ์‚ฌ์šฉ์ค‘์ธ application theme์— Buzzvil์—์„œ ์ œ๊ณตํ•˜๋Š” attribute๋ฅผ ์ •์˜ํ•˜์—ฌ ๊ฐ„ํŽธํ•˜๊ฒŒ BuzzAd Benefit SDK์˜ CTA UI๋ฅผ ์ปค์Šคํ„ฐ๋งˆ์ด์ง• ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

attribute (type)

child attribute (type)

์ปค์Šคํ„ฐ๋งˆ์ด์ง• ๋˜๋Š” UI

attribute (type)

child attribute (type)

์ปค์Šคํ„ฐ๋งˆ์ด์ง• ๋˜๋Š” UI

buzzvilRewardIcon (reference)

N/A

  • [All] cta view ๋ฆฌ์›Œ๋“œ ์•„์ด์ฝ˜

  • [Feed] profile banner ๋ฆฌ์›Œ๋“œ ์•„์ด์ฝ˜

  • [Feed] pop opt-in ๋ฒ„ํŠผ ์•„์ด์ฝ˜

  • [Pedometer] pop icon ๋ฆฌ์›Œ๋“œ ์•„์ด์ฝ˜

  • [Pedometer] header banner ๋ฆฌ์›Œ๋“œ ์•„์ด์ฝ˜

  • [Pedometer] milestone ๋ฆฌ์›Œ๋“œ ์•„์ด์ฝ˜

  • [Pedometer] notification ๋ฆฌ์›Œ๋“œ ์•„์ด์ฝ˜

  • [Push] notification ๋ฆฌ์›Œ๋“œ ์•„์ด์ฝ˜

  • [Bridge Point] appCurrencyIcon

buzzvilCtaViewStyle
(reference)

buzzvilCtaBackground
(reference) Cta ๋ฐฐ๊ฒฝ ์„ค์ •
buzzvilCtaParticipatedIcon
(reference) ๊ด‘๊ณ  ์ฐธ์—ฌ ํ›„ ์•„์ด์ฝ˜ ์„ค์ •
buzzvilCtaTextColor
(color|reference) Cta ํ…์ŠคํŠธ ์ƒ‰์ƒ
buzzvilCtaTextSize
(dimension) Cta ํ…์ŠคํŠธ ํฌ๊ธฐ

  • [All] cta view

buzzvilColorPrimaryDark(reference|color)

N/A

[Feed] Tab UI, Filter UI, Pop FAB ๋ฐฐ๊ฒฝ์ƒ‰ ๋“ฑ

[Interstitial] Feed ์ง„์ž… ๊ฒฝ๋กœ ํ…์ŠคํŠธ ์ƒ‰์ƒ

[Pop] Pop ์•„์ด์ฝ˜ ๋ฐฐ๊ฒฝ์ƒ‰, Toolbar UI, ๋‹ค๋ฅธ ์•ฑ ์œ„์— ๊ทธ๋ฆฌ๊ธฐ ๊ถŒํ•œ ๋‹ค์ด์–ผ๋กœ๊ทธ UI ๋“ฑ

[Push] ๊ตฌ๋… ๋‹ค์ด์–ผ๋กœ๊ทธ UI

[Ext. Auth] ๋ฐ”ํ…€์‹ฏ UI

buzzvilColorPrimary (reference|color)

buzzvilColorPrimaryLight
(reference|color)

buzzvilColorPrimaryLighter (reference|color)

buzzvilColorPrimaryLightest (reference|color)



PrimaryColor ๋ณ€๊ฒฝ

BuzzAd SDK ์—์„œ ์ œ๊ณตํ•˜๋Š” UI ์ค‘ Dialog์˜ ๋ฒ„ํŠผ ์ƒ‰์ƒ, Bottom sheet UI์˜ ํ™•์ธ ๋ฒ„ํŠผ์„ ํฌํ•จํ•˜ํ•œ ์ผ๋ถ€ UI ์˜ ์ƒ‰์ƒ์„ ์•„๋ž˜์™€ ๊ฐ™์ด Theme ์—์„œ ์„ค์ •ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

<!-- Base application theme. --> <style name="YourAppTheme" parent="Theme.AppCompat.DayNight.DarkActionBar"> <item name="buzzvilColorPrimaryDark">@color/samplePrimaryDark</item> <item name="buzzvilColorPrimary">@color/samplePrimary</item> <item name="buzzvilColorPrimaryLight">@color/samplePrimaryLight</item> <item name="buzzvilColorPrimaryLighter">@color/samplePrimaryLighter</item> <item name="buzzvilColorPrimaryLightest">@color/samplePrimaryLightest</item> </style>

๋ฆฌ์›Œ๋“œ ์•„์ด์ฝ˜

๋ฆฌ์›Œ๋“œ๋ฅผ ํ‘œ์‹œํ•˜๋Š” ์•„์ด์ฝ˜ ์ถ”๊ฐ€๋ฅผ ์œ„ํ•ด application theme์— buzzvilRewardIcon ๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

<!-- Base application theme. --> <style name="YourAppTheme" parent="Theme.AppCompat.DayNight.DarkActionBar"> <!-- ์ƒ๋žต --> <item name="buzzvilRewardIcon">@drawable/your_reward_icon</item> </style>

CTA ๋ณ€๊ฒฝ

๊ด‘๊ณ ์˜ CTA์˜ ์ƒ‰์ƒ, ์•„์ด์ฝ˜ ๋“ฑ์„ ๋ณ€๊ฒฝํ•˜๊ธฐ ์œ„ํ•ด application theme์— buzzvilCtaViewStyle ๋ฅผ ์ถ”๊ฐ€ํ•ฉ๋‹ˆ๋‹ค.

<!-- Base application theme. --> <style name="YourAppTheme" parent="Theme.AppCompat.DayNight.DarkActionBar"> <!-- ์ƒ๋žต --> <item name="buzzvilCtaViewStyle">@style/YourCtaViewStyle</item> </style> <style name="YourCtaViewStyle"> <item name="buzzvilCtaBackground">@drawable/your_background</item> <item name="buzzvilCtaParticipatedIcon">@drawable/your_participated_icon</item> <item name="buzzvilCtaRewardIcon">@drawable/your_reward_icon</item> <item name="buzzvilCtaTextColor">@color/your_text_color</item> <item name="buzzvilCtaTextSize">14sp</item> </style>

Cta ๋ฐฐ๊ฒฝ ์˜ˆ์‹œ

์ปค์Šคํ…€ ๋Ÿฐ์ฒ˜ ์„ค์ •

Custom In-App Browser ์‚ฌ์šฉ๋ฒ•

  • ํ˜„์žฌ Custom Launcher ๋ฅผ ์‚ฌ์šฉํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ ์•„๋ž˜ ๊ฐ€์ด๋“œ๋Š” ์•„๋ฌด ์˜ํ–ฅ์ด ์—†์Šต๋‹ˆ๋‹ค.

  • Custome Launcher ์‚ฌ์šฉํ•  ์˜ˆ์ •์ด๊ฑฐ๋‚˜, 1.X ๋ฒ„์ „์—์„œ ์ด๋ฏธ ์‚ฌ์šฉํ•˜๊ณ  ์žˆ์„ ๊ฒฝ์šฐ, ์•„๋ž˜์˜ ํ•ญ๋ชฉ์„ ํ•„์ˆ˜๋กœ ์ ์šฉํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค.

Custom launcher ์‚ฌ์šฉ์‹œ, ๊ด‘๊ณ ๋ฅผ ํด๋ฆญํ–ˆ์„ ๋•Œ ๋žœ๋”ฉ๋˜๋Š” In-App Browser๋ฅผ Customize ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค. ์˜ˆ๋ฅผ ๋“ค์–ด, ๊ด‘๊ณ  ๋žœ๋”ฉ ํŽ˜์ด์ง€ ๋กœ๋“œ ๋“ฑ์„ ๋งค์ฒด์‚ฌ๊ฐ€ ์ง€์ •ํ•˜๋Š” Class์—์„œ ๊ตฌํ˜„ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

๊ตฌํ˜„์‹œ ์ฃผ์˜์‚ฌํ•ญย :

  • BuzzAdBrowser์—์„œ ์ œ๊ณตํ•˜๋Š” Fragment๋ฅผ ์‚ฌ์šฉํ•˜์—ฌ In-App Browser๋ฅผ ๊ตฌํ˜„ํ•ด์•ผ ํ•ฉ๋‹ˆ๋‹ค. ์‚ฌ์šฉํ•˜์ง€ ์•Š์„ ๊ฒฝ์šฐ, ์ผ๋ถ€ ๊ด‘๊ณ (์•ก์…˜ํ˜• ๊ด‘๊ณ , ์ฒด๋ฅ˜ ๋ฆฌ์›Œ๋“œ ๊ด‘๊ณ )๊ฐ€ ์ œ๋Œ€๋กœ ๋™์ž‘ํ•˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

  • Launcher์—์„œ ์ œ๊ณตํ•˜๋Š” LandingInfo ์˜ URL์„ ์ž„์˜๋กœ ๋ณ€๊ฒฝํ•ด์„œ ์‚ฌ์šฉํ•˜๋ฉด ์•ˆ๋ฉ๋‹ˆ๋‹ค. ์ด ๊ฒฝ์šฐ ์›น ํŽ˜์ด์ง€๊ฐ€ ์ œ๋Œ€๋กœ ๋กœ๋“œ๋˜์ง€ ์•Š์„ ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

[1] CustomBrowserActivityย ๋ฅผ ๊ตฌํ˜„ํ•ฉ๋‹ˆ๋‹ค.

[2] activity_custom_browser.xml

[3] Launcherย ๋ฅผ ๊ตฌํ˜„

[4] BuzzAdBenefit.initย ํ˜ธ์ถœ ์ดํ›„์— ์ƒ์„ฑํ•œย Launcher๋ฅผ ์„ธํŒ…

[+] Custom launcher ์‚ฌ์šฉ์‹œ Article์˜ sourceUrl ์‚ฌ์šฉ๋ฒ•

์ปจํ…์ธ ์˜ ๊ฒฝ์šฐ url scheme์— ๋”ฐ๋ผ ๋žœ๋”ฉ ๋ฐฉ์‹์„ ๋‹ค๋ฅด๊ฒŒ ์ฒ˜๋ฆฌํ•˜๊ณ  ์‹ถ๋‹ค๋ฉด (ex. ์•ฑ ์•ˆ์—์„œ ๋ธŒ๋ผ์šฐ์ € ์˜คํ”ˆ ์—†์ด ๋‹ค๋ฅธ ํ™”๋ฉด์œผ๋กœ ์ด๋™๋˜๋Š” ์ปจํ…์ธ ) ๋‹ค์Œ๊ณผ ๊ฐ™์€ ๋ฐฉ๋ฒ•์œผ๋กœย NativeArticleย ๊ฐ์ฒด์˜ย sourceUrl์„ ๊ฐ€์ ธ์™€ ๋ถ„๊ธฐ ์ฒ˜๋ฆฌ๋ฅผ ํ•  ์ˆ˜ ์žˆ์Šต๋‹ˆ๋‹ค.

[+] Custom launcher ์‚ฌ์šฉ์‹œ ๊ด‘๊ณ  ๋˜๋Š” ์ปจํ…์ธ ์ธ์ง€ ๋ฏธ๋ฆฌ ํŒ๋‹จํ•˜๊ณ  ์‹ถ์„ ๊ฒฝ์šฐ