본문으로 건너뛰기

기본형 팝

여기에서는 기본형 팝을 추가하고 기능을 구현하는 방법과 아이콘 이미지 등의 디자인을 변경하는 방법을 확인할 수 있습니다.

기본형 팝은 앱 외부에서 사용자를 피드로 유도하는 원형 버튼입니다. 사용자가 모바일 화면의 잠금을 해제할 때마다 나타나며 드래그해 원하는 위치로 옮길 수 있습니다. 또한 기본형 팝 버튼에는 투명도가 적용되어 Android 12에 적용되는 오버레이의 터치 이벤트 차단을 대응하고 안정적인 앱 동작을 지원합니다.

기본 설정

준비 사항

dependencies {
buzzAdBenefitVersion = '3.54.+'
implementation "com.buzzvil:buzzad-benefit:$buzzAdBenefitVersion"
implementation "com.buzzvil:buzzad-benefit-pop:$buzzAdBenefitVersion"
}

팝 피드 지면 추가하기

팝 피드 지면은 팝 버튼을 통해 열리는 피드 지면입니다. 팝 피드는 기존에 연동한 피드의 기능으로써 추가해 별도의 ID 발급 없이 빠르게 앱에 연동할 수 있습니다. 피드 지면의 기능으로써 팝을 앱에 연동하려면 다음의 절차를 따르세요.

  1. 새로운 FeedConfig를 생성하고 팝 피드 지면의 ID(YOUR_POP_UNIT_ID)에 사용할 Unit ID를 설정하세요.
  2. 생성한 FeedConfigoptInFeatureList를 설정하세요.
  • FeedConfig의 설정이 팝 피드 지면에도 동일하게 적용됩니다. FeedConfig의 설정에 대한 자세한 내용은 피드 고급 설정 토픽을 참고하세요.

    FeedConfig feedConfig = new FeedConfig.Builder("YOUR_POP_UNIT_ID")
    .optInFeatureList(Collections.singletonList(OptInFeature.Pop))
    .build();
    final BuzzAdBenefitConfig buzzAdBenefitConfig = new BuzzAdBenefitConfig.Builder(context)
    .setDefaultFeedConfig(feedConfig)
    .build();
    BuzzAdBenefit.init(context, buzzAdBenefitConfig);

    ✏️  참고
    팝 피드 지면에 별도의 ID를 발급해 피드와 별개로 속성을 설정하고 운영하려면 PopConfig를 사용해야 합니다. 자세한 내용은 PopConfig 설정하기 토픽을 참고하세요.

팝 활성화하기

팝을 활성화하여 사용자에게 제공하려면 다음의 절차를 따르세요.

  1. BuzzAdPop.activate()를 호출해 팝을 활성화하세요.
  • Android 정책에 따라 Android 6.0 Marshmallow 이상 버전에서는 다른 앱 위에 그리기 권한을 받아야 합니다. BuzzAdPop.activate()를 호출할 경우에 필요에 따라 다른 앱 위에 그리기 권한을 유도하세요.
  1. BuzzAdPop.getInstance().show()로 팝 버튼을 표시하세요.

    BuzzAdPop.getInstance().activate(new BuzzAdPop.PopActivateListener() {
    public void onActivated() {
    // 정상적으로 Pop이 활성화 되었을 때 호출됩니다.
    // 유저 화면에 바로 Pop을 표시합니다.
    BuzzAdPop.getInstance().show();
    }

    public void onActivationFailed(@Nullable Throwable error) {
    // Pop 활성화가 실패하면 호출됩니다.
    }
    });

    ✏️  참고
    팝을 활성화하면 포그라운드 서비스 알림이 활성화됩니다.

팝 비활성화하기

팝을 비활성화하려면 buzzAdPop.deactivate(Context)를 호출하세요. 팝을 비활성화하면 포그라운드 서비스 알림도 사라집니다.

다음은 팝을 비활성화하는 예시입니다.

BuzzAdPop.getInstance().deactivate(context);

고급 설정

팝 버튼과 팝 피드 지면에서 구현할 수 있는 기능과 각 기능의 설정을 변경하는 방법을 확인할 수 있습니다. 팝 피드를 구성하는 주요 기능들은 아래 그림과 같습니다.

PopConfig 설정하기

PopConfig를 사용해 기존 피드 지면과 별개의 Unit ID로 팝 피드 지면을 관리하거나 FeedConfig을 통해 설정된 기능 외에 다른 기능을 설정할 수 있습니다.

다음은 PopConfigBuzzAdBenefitConfig에 추가하는 예시입니다.

final FeedConfig popFeedConfig = new FeedConfig.Builder("YOUR_POP_UNIT_ID").build();
final PopConfig popConfig = new PopConfig.Builder(popFeedConfig)
.build();

final BuzzAdBenefitConfig buzzAdBenefitConfig = new BuzzAdBenefitConfig.Builder(context)
.setPopConfig(popConfig)
.build();

BuzzAdBenefit.init(context, buzzAdBenefitConfig);

✏️  참고
FeedConfig로 설정하는 기능에 대한 자세한 내용은 피드 고급 설정 토픽을 참고하세요.

팝 버튼 표시 시간 변경하기

팝 버튼이 뜬 후 사라지기 전까지 노출되는 시간을 수정할 수 있습니다. 초기 설정 값은 5초입니다.

PopConfig popConfig = new PopConfig.Builder(feedConfig)
.idleTimeInMillis(5000) //Pop 표시 시간
.build();

팝 버튼 표시 위치 변경하기

사용자가 기기의 화면을 잠금해제할 때마다 팝 버튼이 표시되는 위치를 설정할 수 있습니다. 초기 설정 값은 SidePosition.Side.RIGHT, 0.6f(사용자 기기 화면 우측에서 상단 기준으로 60% 높이)입니다. (SidePosition.Side.LEFT / SidePositionSide.RIGHT)

PopConfig popConfig = new PopConfig.Builder(feedConfig)
.initialSidePosition(new SidePosition(SidePosition.Side.RIGHT, 0.6f)) // Pop 표시 위치
.build();

팝 버튼 좌우 여백 설정하기

 중요
이 기능은 v2.33.x, 그리고 v3.9.x 이상부터 지원됩니다.

팝 버튼과 팝 버튼 왼쪽의 미리보기 뷰 사이 여백, 그리고 팝 버튼과 오른쪽 화면 가장자리 여백을 원하는 대로 설정할 수 있습니다. 초기 설정 값은 팝 버튼과 메세지 사이 여백 값은 8dp, 팝 버튼과 화면 끝 사이 여백 값은 0dp 입니다.

PopConfig popConfig = new PopConfig.Builder(feedConfig)
.marginBetweenIconAndPreviewInDp(8.0f) // 팝 버튼과 메세지 사이 간격
.marginBetweenIconAndScreenEdgeInDp(24.0f) // 팝 버튼과 화면 끝 사이 간격
.build()

팝 포그라운드 서비스 알림 자체 구현하기

PopConfig를 사용해 팝 포그라운드 서비스 알림을 직접 구현해 알림의 동작과 UI 레이아웃을 변경할 수 있습니다.

팝을 사용하면 팝 포그라운드 서비스 알림이 활성화됩니다. PopConfig를 사용해 직접 구현하지 않으면 사용자 모바일 기기 상단의 알림 창에는 BuzzAd Android용 SDK에서 기본으로 제공하는 포그라운드 서비스 알림이 표시됩니다.

✏️  참고
BuzzAd Android용 SDK에서 기본으로 제공하는 포그라운드 서비스 알림의 디자인을 변경하려면 팝 포그라운드 서비스 알림 토픽을 참고하세요.

팝 포그라운드 서비스 알림을 직접 구현하려면 다음의 절차를 따르세요.

  1. PopControlService의 상속 클래스를 구현하세요.
  • notificationChannel을 생성하거나 View를 등록할 수 있습니다.

  • getPopPendingIntent(unitId, context)으로 Pop 지면으로 진입하는 PendingIntent를 이용할 수 있습니다.

    다음은 PopControlService의 상속 클래스를 구현하는 예시입니다.

     중요
    예제 코드의 .setForegroundServiceBehavior(FOREGROUND_SERVICE_IMMEDIATE);는 Android 12의 포그라운드 서비스 알림의 UX 지연에 대응하기 위해 v3.3.x부터 지원되는 인터페이스입니다.

    public class YourControlService extends PopControlService {
    public static int NOTIFICATION_ID = 1000;

    @Override
    protected Notification buildForegroundNotification(@NonNull String unitId, @NonNull PopNotificationConfig popNotificationConfig) {
    // Pop을 표시하는 PendingIntent (원형 아이콘)
    PendingIntent popPendingIntent = getPopPendingIntent(unitId, this);

    // 필요에 따라 notificationChannel을 등록합니다.
    NotificationCompat.Builder builder;
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.O) {
    createNotificationChannelIfNeeded();
    builder = new NotificationCompat.Builder(this, NOTIFICATION_CHANNEL_ID);
    } else {
    builder = new NotificationCompat.Builder(this);
    }

    // Pop Service Notification 에 사용할 View 를 등록합니다.
    RemoteViews remoteView = new RemoteViews(getPackageName(), R.layout.view_custom_notification);
    builder.setSmallIcon(popNotificationConfig.getSmallIconResId())
    .setContent(remoteView)
    .setContentIntent(popPendingIntent)
    .setPriority(NotificationCompat.PRIORITY_LOW)
    .setShowWhen(false)
    .setForegroundServiceBehavior(NotificationCompat.FOREGROUND_SERVICE_IMMEDIATE); // v3.3.x부터 지원되는 인터페이스입니다.
    if (popNotificationConfig.getColor() != null) {
    builder.setColor(popNotificationConfig.getColor());
    }
    return builder.build();
    }

    @TargetApi(Build.VERSION_CODES.O)
    protected void createNotificationChannelIfNeeded() {
    final NotificationManager notificationManager = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE);
    if (notificationManager.getNotificationChannel(NOTIFICATION_CHANNEL_ID) == null) {
    final NotificationChannel channel = new NotificationChannel(NOTIFICATION_CHANNEL_ID, NOTIFICATION_CHANNEL_NAME, NotificationManager.IMPORTANCE_LOW);
    channel.setShowBadge(false);
    notificationManager.createNotificationChannel(channel);
    }
    }
    }
  • notificationIdPopNotificationConfig 객체에 설정하세요. 다음의 예시를 참고하세요.

       final PopNotificationConfig popNotificationConfig = new PopNotificationConfig.Builder(context)
    .notificationId(NOTIFICATION_ID)
    .build();

    final FeedConfig popFeedConfig = new FeedConfig.Builder("YOUR_POP_UNIT_ID").build();
    final PopConfig popConfig = new PopConfig.Builder(popFeedConfig)
    .popNotificationConfig(popNotificationConfig)
    .controlService(YourControlService.class)
    .build();

    final BuzzAdBenefitConfig buzzAdBenefitConfig = new BuzzAdBenefitConfig.Builder(context)
    .setPopConfig(popConfig)
    .build();
  1. 구현한 상속 클래스를 AndroidManifest.xmlservice로 등록하세요.

    <!-- AndroidManifest.xml -->

    <application
    <service android:name=".YourControlService" />
    </application>

팝 활성화 버튼 숨기기

팝을 연동하면 기존에 연동한 피드에 팝 활성화 버튼이 자동으로 표시됩니다. 팝을 활성화하지 않은 사용자는 이 버튼을 통해 자연스럽게 팝 버튼을 켤 수 있으며, 팝 버튼을 한 번 켜면 팝 활성화 버튼은 피드 지면에서 사라집니다.

팝 활성화 버튼을 숨기려면 optInAndShowPopButtonHandlerClass(null)을 호출하세요.

final FeedConfig feedConfig = new FeedConfig.Builder("YOUR_POP_UNIT_ID")
.optInAndShowPopButtonHandlerClass(null) // Pop 활성화 버튼 숨김
.build();

툴바 자체 구현하기

팝 피드 툴바의 디자인을 변경할 수 있습니다. 툴바 영역의 UI를 변경하는 방법은 2가지입니다. SDK 기본 UI를 구현하거나 Custom View를 직접 구현하여 툴바를 디자인하세요.

SDK 기본 UI 사용하기

BuzzAd Android용 SDK에서 제공하는 기본 UI를 수정하여 팝 피드 툴바의 디자인을 변경할 수 있습니다.

BuzzAd Android용 SDK에서 제공하는 기본 UI의 디자인을 변경하려면 DefaultPopToolbarHolder를 상속받은 클래스를 구현하고 기본 UI인 PopToolbar 를 사용하여 레이아웃에서 변경합니다. 그리고 FeedConfigfeedToolbarHolderClass에 구현한 클래스를 추가합니다.

다음은 BuzzAd Android용 SDK에서 제공하는 UI를 이용하여 팝 피드 지면의 툴바를 직접 구현하는 예시입니다.

class YourPopToolbarHolder extends DefaultPopToolbarHolder {
@Override
public View getView(Activity activity, @NonNull final String unitId) {
super.toolbar = new PopToolbar(activity); // PopToolbar 에서 제공하는 기본 Template 사용
toolbar.setTitle("TemplatePopToolbarHolder"); // 툴바 타이틀 문구를 변경합니다.
toolbar.setIconResource(R.mipmap.ic_launcher); // 툴바 좌측 아이콘을 변경합니다.
toolbar.setBackgroundColor(Color.LTGRAY); // 툴바 배경색을 변경합니다.

super.addSettingsMenuItemView(activity); // 메뉴 버튼 추가 (메뉴 안에 문의하기 버튼이 있습니다)
super.addInquiryMenuItemView(activity); // 문의하기 버튼은 이 함수를 통해 간단하게 추가 가능합니다.
addRightMenuItemView(activity); // custom 버튼 추가
return toolbar;
}

// custom 버튼 추가는 toolbar.buildPopMenuItemView 를 사용하여 PopMenuImageView 를 생성하고
// toolbar.addRightMenuButton 를 사용하여 toolbar 에 추가합니다.
private void addRightMenuItemView(@NonNull final Activity activity) {
PopMenuImageView menuItemView = toolbar.buildPopMenuItemView(activity, R.mipmap.ic_launcher);
menuItemView.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
YourPopToolbarHolder.super.showInquiry(activity); // 문의하기 페이지로 연결합니다.
}
});
toolbar.addRightMenuButton(menuItemView);
}
}

FeedConfig에 팝 피드 지면을 추가한 경우에는 다음의 예시를 참고하여 YourPopToolbarHolder를 설정하세요.

final FeedConfig popFeedConfig = new FeedConfig.Builder("YOUR_POP_UNIT_ID")
.feedToolbarHolderClass(YourPopToolbarHolder.class)
.build();
new PopConfig.Builder(popFeedConfig)
.build();

직접 구현한 Custom View 사용하기

BuzzAd Android용 SDK에서 제공하는 UI를 사용하지 않고 직접 Custom View를 구현하여 팝 피드 지면의 툴바를 변경할 수 있습니다.

다음은 Custom View를 직접 생성하여 툴바를 변경하는 예시입니다. 이 예시에서는 DefaultPopToolbarHolder의 상속 클래스를 구현합니다. 그런 다음 PopConfig에 구현한 클래스를 추가합니다.

public class YourPopToolbarHolder extends DefaultPopToolbarHolder {
@Override
public View getView(Activity activity, @NonNull final String unitId) {
// 직접 구성한 layout 을 사용합니다
ViewGroup root = (ViewGroup) activity.getLayoutInflater().inflate(R.layout.your_pop_custom_toolbar_layout, null);

View buttonInquiry = root.findViewById(R.id.yourInquiryButton);
buttonInquiry.setOnClickListener(new View.OnClickListener() {
@Override
public void onClick(View v) {
YourPopToolbarHolder.super.showInquiry(activity); // 문의하기 페이지를 엽니다.
}
});
return root;
}
}
final FeedConfig popFeedConfig = new FeedConfig.Builder("YOUR_POP_UNIT_ID")
.feedToolbarHolderClass(YourPopToolbarHolder.class)
.build();
new PopConfig.Builder(popFeedConfig)
.build();

팝 유틸리티 영역 변경하기

팝 지면 우측 하단의 유틸리티 영역에는 앱 메뉴 실행, 다른 페이지로 이동 등 원하는 기능을 추가할 수 있습니다.

다음은 유틸리티 영역을 변경하는 예시입니다. 이 예시에서는 PopUtilityLayoutHandler를 상속받는 클래스를 구현하고, Custom View(your_pop_utility_view)를 추가합니다. 그런 다음 FeedConfig에 구현한 클래스를 추가합니다.

public final class CustomPopUtilityLayoutHandler extends PopUtilityLayoutHandler {

private Context context;

public CustomPopUtilityLayoutHandler(Context context) {
super(context);
this.context = context;
}


@Override
public View onCreateView(ViewGroup parent) {
LayoutInflater inflater = LayoutInflater.from(context);
final FrameLayout layout = (FrameLayout) inflater.inflate(
R.layout.your_pop_utility_view,
parent,
false
);
return layout;
}
}
new PopConfig.Builder(popFeedConfig)
.popUtilityLayoutHandlerClass(CustomPopUtilityLayoutHandler.class)
.build();

유틸리티 영역 아이콘 이미지 규격

유틸리티 영역에 추가하는 기능의 아이콘의 이미지 규격은 아래의 표를 참고하세요.

항목규격
이미지 유형픽셀 또는 벡터 이미지
사이즈
  • mdpi 기준: 24 x 24 dp
  • 96 x 96 px (xxxhdpi까지 지원, 픽셀 기준 최대 4배)
색상흑백 또는 채색

커스텀 페이지 추가하기

모든 구성 요소를 직접 커스텀하는 팝 피드 페이지를 추가할 수 있습니다. 커스텀 페이지는 툴바와 콘텐츠로 구성되며, 툴바에는 타이틀을 설정하고 콘텐츠 영역에는 원하는 프래그먼트를 설정할 수 있습니다.

커스텀 페이지를 추가하려면 기본 팝 피드 지면의 툴바를 직접 구현하거나 팝 유틸리티 영역을 변경할 때 아래의 코드를 추가하세요.

new PopNavigator().launchCustomFragment(
context,
new CustomInAppLandingInfo(
new YourFragment(),
R.stirng.your_title
)
);

✏️  참고
커스텀 페이지의 유틸리티 영역과 툴바도 기본 팝 피드 지면과 동일한 방법으로 변경할 수 있습니다.

디자인 커스터마이징

BuzzAd Android용 SDK에서 제공하는 팝 버튼 및 팝 지면 UI의 디자인을 변경하기 위한 방법을 확인할 수 있습니다. 팝 버튼과 팝 피드 지면 디자인 규격에 대한 자세한 지침은 팝 디자인 가이드 문서를 확인하세요.

추가적인 디자인 변경을 원하는 경우, 고급 설정 토픽을 참고해 지면을 직접 구현하세요.

팝 버튼 색상

주요 UI의 색상(Primary color)을 변경할 수 있는 GlobalTheme을 사용해 팝 버튼의 색상을 변경할 수 있습니다. 자세한 내용은 전체 테마 변경하기 토픽을 참고하세요.

팝 버튼 아이콘

Application.onCreate에서 BuzzAdPopTheme을 설정하여 팝 버튼의 평상시 아이콘, 리워드 아이콘, 종료 아이콘을 변경할 수 있습니다.

아이콘 유형코드설명권장 사이즈
평상시 아이콘iconResIdPop 버튼의 기본 아이콘입니다.
  • 56 x 56 dp (mdpi 기준)
  • 224 x 224 px (xxxhdpi까지 지원, 픽셀 기준 최대 4배)
리워드 아이콘rewardReadyIconResId적립할 수 있는 포인트가 있을 때, 표시됩니다.
  • 56 x 56 dp (mdpi 기준)
  • 224 x 224 px (xxxhdpi까지 지원, 픽셀 기준 최대 4배)
종료 아이콘popFeedCloseIconResId팝 피드 지면을 종료합니다.
  • 56 x 56 dp (mdpi 기준)
  • 224 x 224 px (xxxhdpi까지 지원, 픽셀 기준 최대 4배)

다음의 팝 아이콘을 변경하는 예시입니다.

BuzzAdPopTheme buzzAdPopTheme = BuzzAdPopTheme.getDefault()
...생략...
.iconResId(R.drawable.your_pop_icon)
.rewardReadyIconResId(R.drawable.your_pop_icon_reward_ready)
.popFeedCloseIconResId(R.drawable.your_pop_icon_feed_close);
BuzzAdPop.getInstance().setTheme(buzzAdPopTheme);

팝 버튼 아이콘 리소스 구성하기

팝 버튼 아이콘의 리소스는 각각 다음과 같이 구성할 수 있습니다.

  • iconResId: 평상시 아이콘과 종료 아이콘을 지정하세요.
<!-- your_pop_icon.xml -->
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 종료 아이콘 -->
<item android:drawable="@drawable/icon_pop_selected" android:state_selected="true" />
<!-- 평상시 팝 아이콘 -->
<item android:drawable="@drawable/icon_pop"/>
</selector>
  • rewardReadyIconResId: 적립 가능한 포인트가 있을 때 표시할 아이콘을 지정하세요.
<!-- you_pop_icon_reward_ready.xml -->
<?xml version="1.0" encoding="utf-8"?>
<selector xmlns:android="http://schemas.android.com/apk/res/android">
<!-- 종료 아이콘 -->
<item android:drawable="@drawable/icon_pop_selected" android:state_selected="true" />
<!-- 적립 가능 포인트가 있을 때 팝 아이콘 -->
<item android:drawable="@drawable/icon_pop_reward_ready"/>
</selector>

팝 활성화 버튼

팝 활성화 버튼은 버튼 색상 및 아이콘, 그리고 텍스트로 구성됩니다.

버튼의 색상과 아이콘의 디자인은 전체 테마 변경하기 토픽을 참고해 변경할 수 있습니다.

버튼의 텍스트를 변경하려면 DefaultOptInAndShowPopButtonHandler를 상속받는 클래스를 구현하고 FeedConfig에서 설정하세요.

다음은 팝 활성화 버튼의 텍스트를 변경하는 예시입니다.

public class CustomOptInAndShowPopButtonHandler extends DefaultOptInAndShowPopButtonHandler {
// 활성화 버튼에 보여지는 텍스트입니다.
@Override
public String getOptInAndShowPopButtonText(Context context) {
return "YOUR_BUTTON_TEXT";
}
}
final FeedConfig feedConfig = new FeedConfig.Builder("YOUR_FEED_UNIT_ID")
.optInAndShowPopButtonHandlerClass(CustomOptInAndShowPopButtonHandler.class)
.build();

팝 포그라운드 서비스 알림

팝이 활성화되면 포그라운드 서비스 알림이 사용자 모바일 기기 상단의 알림 창에 표시됩니다. BuzzAd Android용 SDK에서 기본으로 제공하는 UI를 설정해 팝 포그라운드 서비스 알림 디자인을 변경할 수 있습니다.

SDK 기본 UI로 변경할 수 있는 서비스 알림 디자인 요소는 아래 그림과 표를 참고하세요.

번호구성 요소설명
1Small icon (smallIconResId)팝을 연동한 앱 아이콘입니다.
⚠️ 주의 아이콘을 정상적으로 표시하기 위해 Adaptive Icon은 권장하지 않습니다.
2Color (colorResId)팝을 연동한 앱 아이콘과 앱 이름에 적용되는 색상입니다.
⚠️ 주의 포그라운드 서비스 알림의 배경 색상인 흰색은 권장하지 않습니다.
3Title (titleResId)팝 포그라운드 서비스 알림임을 표시하는 텍스트입니다.
4Text (textResId)팝 포그라운드 서비스 알림을 누르면 팝 피드 지면을 실행할 수 있음을 알리는 텍스트입니다.

팝 포그라운드 서비스 알림의 디자인을 변경하려면 PopNotificationConfig에서 구성 요소 값을 설정한 다음 popFeedConfigpopNotificationConfig를 설정하세요.

다음은 팝 포그라운드 서비스 알림의 디자인을 변경하는 예시입니다.

final PopNotificationConfig popNotificationConfig = new PopNotificationConfig.Builder(getApplicationContext())
.smallIconResId(R.drawable.your_small_icon) // 흰색 아이콘, Adaptive Icon 이 설정하지 않도록 주의 요망
.titleResId(R.string.your_pop_notification_title)
.textResId(R.string.your_pop_notification_text)
.colorResId(R.color.your_pop_notification_color)
.notificationId(5000) // 기본값
.build();
final FeedConfig popFeedConfig = new FeedConfig.Builder("YOUR_POP_UNIT_ID").build();

PopConfig popConfig = new PopConfig.Builder(popFeedConfig)
...생략...
.popNotificationConfig(popNotificationConfig)
.build();

✏️  참고
UI 레이아웃 또는 알림의 동작을 변경하려면 알림을 직접 구현해야 합니다. 자세한 내용은 팝 포그라운드 서비스 알림 자체 구현하기 토픽을 참고하세요.

툴바 아이콘 색상

BuzzAd Android용 SDK에서 제공하는 Pop Feed 지면 내 툴바 영역의 왼쪽 아이콘 색상을 변경할 수 있습니다. 자세한 내용은 전체 테마 변경하기 토픽을 참고하세요.

팝 메시지 영역

팝을 통해 진입하는 피드 지면에 광고가 있는 경우 PopAdMessageViewClass를 이용하여 말풍선(preview)이 표시됩니다. 기본 클래스에서는 현재 적립 가능한 포인트와 팝을 표시하는 초 단위 시간을 보여주는 값을 설정할 수 있습니다.

팝 메시지 영역을 커스텀하려면 다음의 절차를 따르세요.

  1. PopAdMessageViewClass에 아래의 함수들을 오버라이드하세요.
  • PopAdMessageViewClassPopAdMessageView를 상속받아 작성해야 합니다.
함수설명
updateView메시지 말풍선이 매 초 업데이트될 때마다 호출됩니다. 남은 초 단위 시간과 적립 가능한 reward 값이 인자로 넘어옵니다.
getDurationInSeconds팝을 표시할 초 단위 시간을 리턴해야 합니다. 권장 시간은 5초입니다.

다음의 코드 예시를 참고하세요.

public class MyPopAdMessageView extends PopAdMessageView {

private TextView textTitle, textDescription;

public MyPopAdMessageView(@NonNull Context context) {
super(context);
LayoutInflater.from(context).inflate(R.layout.view_my_pop_ad_message, this);
this.textTitle = findViewById(R.id.textTitle);
this.textDescription = findViewById(R.id.textDescription);
}

@Override
public void updateView(int reward, int remainSeconds) {
textTitle.setText(reward + "포인트 적립 가능합니다.");
textDescription.setText(remainSeconds + "초 후에 닫힙니다.");
}

@Override
public int getDurationInSeconds() {
return 5;
}

@NonNull
@Override
public String getMessage() {
return textTitle.getText().toString();
}
}
  1. 아래의 코드를 적용하여 메시지 영역을 커스텀한 팝을 사용하세요.
new PopConfig.Builder(getApplicationContext(), "POP_UNIT_ID")
.popAdMessageViewClass(MyPopAdMessageView.class)