Skip to content
:docs

Design customization

Learn how to customize the UI provided by the BuzzAd Android SDK.

Change the Feed background color

You can change Feed's background color.

Java
final BuzzAdFeedTheme buzzAdFeedTheme =
      BuzzAdFeedTheme.getDefault()
        .backgroundColor(R.color.YOUR_BACKGROUND_COLOR) // Feed의 배경 색상
BuzzAdFeed.setDefaultTheme(buzzAdFeedTheme);

Customize tabs

If Feed tabs are enabled, you can customize their design. Options whose names include selector, such as tabTextColorSelector, require the resource to include <selector> according to Android's resource rules. See the Android documentation.

Use the following example to customize tabs.

Java
// BuzzAdFeedTheme 설정을 통해 색상 등 UI 구성 요소를 변경할 수 있습니다.
final BuzzAdFeedTheme buzzAdFeedTheme = 
      BuzzAdFeedTheme.getDefault()
          ...생략...
          .tabTextColorSelector(R.color.YOUR_TEXT_COLOR) // 탭의 텍스트 색상(state_selected 필수 적용)
          .tabBackgroundColor(R.color.YOUR_TAB_BACKGROUND_COLOR) // 탭의 배경 색상
          .tabIndicatorSelector(R.drawable.YOUR_TAB_INDICATOR_SELECTOR); // 탭의 인디케이터에 대한 Selector
BuzzAdFeed.setDefaultTheme(buzzAdFeedTheme);
XML
// tab indicator selector example
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
    <item android:state_selected="true">
        <layer-list>
            <item android:top="-5dp" android:left="-5dp" android:right="-5dp">
                <shape android:shape="rectangle">
                    <stroke android:color="YOUR_SELECTED_COLOR" android:width="2dp"/>
                </shape>
            </item>
        </layer-list>
    </item>
    <item android:state_selected="false">
        <layer-list>
            <item android:top="-5dp" android:left="-5dp" android:right="-5dp">
                <shape android:shape="rectangle">
                    <stroke android:color="YOUR_UNSELECTED_COLOR" android:width="1dp"/>
                </shape>
            </item>
        </layer-list>
    </item>
</selector>

Customize filters

If Feed filters are enabled, you can customize their design. Options whose names include selector, such as filterTextColorSelector and filterBackgroundColorSelector, require the specified resource to include <selector>. See the Android documentation for details.

Use the following example to customize filters.

Java
final BuzzAdFeedTheme buzzAdFeedTheme = 
      BuzzAdFeedTheme.getDefault()
          ...생략...
          .filterTextColorSelector(R.color.YOUR_TEXT_COLOR) // 필터의 텍스트 색상(state_selected 필수 적용)
          .filterBackgroundColorSelector(R.color.YOUR_BACKGROUND_COLOR); // 필터의 배경 색상
BuzzAdFeed.setDefaultTheme(buzzAdFeedTheme);

Change the CTA button design

See Customize CTA buttons to change the design.

Implement a custom privacy policy UI

If you implement your own privacy policy UI, you must pass the user's consent status to the SDK. Refer to the table below and call the appropriate function.

ClassAPIDescription
BuzzAdBenefitgetPrivacyPolicyManager() (static method)Returns a PrivacyPolicyManager instance.
PrivacyPolicyManagergrantConsent()Grants consent to collect personal information. Call this before the user's first Feed visit to skip the third-party sharing consent UI.
revokeConsent()Revokes consent to collect personal information. The consent UI reappears when the user next enters Feed.
isConsentGranted()Checks whether consent to collect personal information has been granted.

Usage example

Java
PrivacyPolicyManager privacyPolicyManager = BuzzAdBenefit.getPrivacyPolicyManager();

// 직접 구현한 개인정보 제3자 제공 동의 UI에서 동의를 받았을 경우 아래 코드를 실행하면, 피드 화면에서 개인정보 제3자 제공 동의 UI가 노출되지 않으면서 광고 할당이 정상적으로 진행 됩니다.
// 아래의 코드를 실행하지 않을 경우 피드 진입 시 개인정보 제3자 제공 동의 UI가 노출되기 때문에 필수적으로 실행이 필요합니다.
privacyPolicyManager.grantConsent();

// 아래 코드를 통해서 수집 동의를 철회할 수 있습니다. 이 코드가 실행되면 피드에서 광고 할당이 이루어지지 않습니다.
privacyPolicyManager.revokeConsent();