(ver 2.25.x) 9. ์ปค์คํฐ๋ง์ด์ง
ํ ๋ง ์ ์ฉ
BuzzAd Benefit์์ ์ ๊ณตํ๋ ๊ด๊ณ ์ง๋ฉด์ CTA ํ ๋ง๋ฅผ ๋ณ๊ฒฝํ ์ ์์ต๋๋ค. ์ด ๋จ๊ณ๋ ์ ํ์ฌํญ์ด๊ธด ํ์ง๋ง ์ํ๋ ์์, ์์ด์ฝ์ ์ ์ฉํ๋ ๋จ๊ณ์ด๋ฏ๋ก ์ ์ฉํ๋ ๊ฒ์ ๊ถ์ฅํฉ๋๋ค. ์ฑ์์ ์ฌ์ฉ์ค์ธ application theme์ Buzzvil์์ ์ ๊ณตํ๋ attribute๋ฅผ ์ ์ํ์ฌ ๊ฐํธํ๊ฒ BuzzAd Benefit SDK์ CTA UI๋ฅผ ์ปค์คํฐ๋ง์ด์ง ํ ์ ์์ต๋๋ค.
attribute (type) | child attribute (type) | ์ปค์คํฐ๋ง์ด์ง ๋๋ UI |
---|---|---|
| N/A |
|
|
|
|
| N/A | [Feed] Tab UI, Filter UI, Pop FAB ๋ฐฐ๊ฒฝ์ ๋ฑ [Interstitial] Feed ์ง์ ๊ฒฝ๋ก ํ ์คํธ ์์ [Pop] Pop ์์ด์ฝ ๋ฐฐ๊ฒฝ์, Toolbar UI, ๋ค๋ฅธ ์ฑ ์์ ๊ทธ๋ฆฌ๊ธฐ ๊ถํ ๋ค์ด์ผ๋ก๊ทธ UI ๋ฑ [Push] ๊ตฌ๋ ๋ค์ด์ผ๋ก๊ทธ UI [Ext. Auth] ๋ฐํ ์ฏ UI |
| ||
| ||
| ||
|
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 ์ฌ์ฉ์ ๊ด๊ณ ๋๋ ์ปจํ ์ธ ์ธ์ง ๋ฏธ๋ฆฌ ํ๋จํ๊ณ ์ถ์ ๊ฒฝ์ฐ