Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

목차

Table of Contents
minLevel1
maxLevel1
exclude목차

개요

본 가이드에서는 BuzzAd Android SDK의 Pop 지면의 기능을 설명하고 각 기능을 변경하는 방법을 설명합니다.

...

Feed 지면에 Pop 지면 활성화 버튼을 표시할 수 있습니다. 사용자는 Pop 지면 활성화 버튼을 통해 자연스럽게 Pop 을 활성화할 수 있습니다. Pop 지면 연동 방법은 Pop 기본 설정 가이드에서 확인할 수 있습니다.

사용자에게 Pop 활성화 버튼을 표시하는 방법은 다음과 같습니다.

...

Code Block
languagejava
// AndroidManifest.xml

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

툴바 영역 View 자체 구현

...

Pop지면의 툴바 영역에 직접 구현한 View를 등록하여 영역의 UI를 변경할 수 있습니다. Buzzvil Android SDK가 제공하는 UI을 이용하여 변경하는 방법과 사용하지 않고 변경하는 방법이 있습니다.

Table of Contents
minLevel2
maxLevel7
include(SDK가 제공하는 UI를 이용하여 변경

...

)|(UI를 직접 구현하여 변경)

SDK에서 제공하는 UI를 이용하여 변경

...

기본으로 제공되는 UI를 이용하여 변경하는 방법입니다. 간단하지만 제약이 있습니다

...

.

1. SDK가 제공하는 UI를 이용하여 변경

...

DefaultPopToolbarHolder의 상속 클래스는 구현하여 툴바를 변경합니다. SDK에서 제공하는 PopToolbar 를 이용하여 정해진 레이아웃에서 변경합니다. 상속 클래스는 PopConfig의 feedToolbarHolderClass에 설정합니다.

다음은 SDK가 BuzzAd Android SDK에서 제공하는 UI를 이용하여 구현하는 예시입니다.

...

Code Block
languagejava
new PopConfig.Builder(getApplicationContext(), "YOUR_POP_UNIT_ID")
      .feedToolbarHolderClass(YourPopToolbarHolder.class)
      .build();

...

Custom View를 직접 구현하여 UI를 변경

...

DefaultPopToolbarHolder의 DefaultPopToolbarHolder상속 클래스는 구현하여 툴바를 변경합니다. SDK에서 제공하는 PopToolbar를 사용하지 않고 직접 구성한 레이아웃을 사용합니다. 그리고 구현한 상속 클래스는 PopConfig의 feedToolbarHolderClass PopConfig에 설정합니다.

다음은 레이아웃을 직접 구성하여 구현하는 예제입니다.

...

Code Block
languagejava
new PopConfig.Builder(getApplicationContext(), "YOUR_POP_UNIT_ID")
      .feedToolbarHolderClass(YourPopToolbarHolder.class)
      .build();

유틸리티 영역

...

UI 변경

...

유틸리티 영역은 PopUtilityLayoutHandler의 상속 클래스를 구현하여 변경할 수 있습니다. 유틸리티 영역에 넣고 싶은 View를 직접 구현하여 onLayoutCreated 시 parent에 추가합니다. 상속 클래스는 PopConfig의 popUtilityLayoutHandlerClass에 설정합니다영역을 활용하여 사용자에게 편리한 기능을 제공합니다.

다음은 유틸리티 영역을 변경하는 예시입니다.

PopUtilityLayoutHandler의 상속 클래스를 구현하고, 구현한 Custom View(your_pop_utility_view)를 추가합니다. 그리고 FeedConfig에 구현한 클래스를 추가합니다.

Code Block
languagejava
public final class CustomPopUtilityLayoutHandler extends PopUtilityLayoutHandler {

    private Context context;

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

    @Override
    public void onLayoutCreated(ViewGroup parent) {
        LayoutInflater inflater = LayoutInflater.from(context);
        final FrameLayout layout = (FrameLayout) inflater.inflate(
                R.layout.your_pop_utility_view,
                parent,
                false
        );
        parent.addView(layout);
    }
}
new PopConfig.Builder(getApplicationContext(), "YOUR_POP_UNIT_ID")
      .popUtilityLayoutHandlerClass(CustomPopUtilityLayoutHandler.class)
      .build();
Info

유틸리티 영역 아이콘 디자인 규격

  • 추천 이미지 사이즈

    • 24*24 dp (mdpi 기준)

    • 96*96 px (xxxhdpi까지 지원, 픽셀기준 최대 4배)

  • 아이콘은 PNG 와 벡터이미지가 모두 가능합니다.

  • 컬러 아이콘 사용 가능

추가 Interstitial 광고 지면

...

연동

...

Pop 지면에 추가로 Interstitial 지면을 연동할 수 있습니다. 사용자가 Pop 지면을 이탈을 할 때, Interstitial 지면이 보입니다. Interstitial 지면을 추가하기 위해서는 PopConfig에 Interstitial 지면 unit id를 설정합니다. Unit id 발급이 필요한 경우에는 버즈빌 매니저에게 문의하시기 바랍니다.

다음은 Interstitial 지면을 추가하는 예시입니다.

Code Block
PopConfig popConfig = new PopConfig.Builder(context, "YOUR_POP_UNIT_ID")
      .popExitUnitId("YOUR_POP_EXIT_UNIT_ID")
      .build();

...