Versions Compared

Key

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

...

YOUR_NATIVE_UNIT_ID 세팅 후 NativeAdLoader 객체를 인스턴스화하고인스턴스를 생성하고, loadAd() 를 호출합니다.

Code Block
languagejava
final String TAG = YourActivity.class.getSimpleName();
final NativeAdLoader loader = new NativeAdLoader("YOUR_NATIVE_UNIT_ID");
loader.loadAd(new NativeAdLoader.OnAdLoadedListener() {
    @Override
    public void onLoadError(@NonNull AdError adError) {
        Log.e(TAG, "Failed to load a native ad.", adError);
    }

    @Override
    public void onAdLoaded(@NonNull NativeAd nativeAd) {
    	populateAd(nativeAd); // Step 3 참고
    }
});

...

Component

Description

Size

Requirements

Required

Media view

이미지, 동영상 등 광고 소재

1200x627 px

  • Aspect ratio 유지 권장

  • 이미지 주위에 패딩 추가 가능

Y

Title view

광고의 제목

최대 25자

생략 부호로 일정 길이 이상은 생략 가능

Y

Description view

광고에 대한 상세 설명

최대 100자

생략 부호로 일정 길이 이상은 생략 가능

Y

CTA view

  • Reward text view: 액션 시 지급되는 포인트 금액

  • CTA text view: 광고의 액션을 유도하는 문구

최대 15자

생략 부호로 일정 길이 이상은 생략 가능

Y

Icon image view

광고주 아이콘 이미지

80x80 px

Aspect ratio 유지 권장

Y

Sponsored
image/ text view

광고임을 나타내는 텍스트 또는 이미지

-

광고, ad, 스폰서, Sponsored 등의 문구를 노출

N

NativeAdView의 레이아웃 예시

위에서 설명한 UI 컴포넌트 (예. MediaView) 는 NativeAdView 의 하위 컴포넌트로 구현해야합니다.
그 이외 구조는 기획에 맞게 변경할 수 있습니다.

Code Block
languagejava
<com.buzzvil.buzzad.benefit.presentation.nativead.NativeAdView
    android:id="@+id/native_ad_view"
    ...(생략)... >
   
<LinearLayout         ...(생략)... >

  
    <com.buzzvil.buzzad.benefit.presentation.media.MediaView
            android:id="@+id/mediaView"
   
        ...(생략)... />
 
      <TextView
            android:id="@+id/textTitle"

           ...(생략)... />
   
    <TextView
  
         android:id="@+id/textDescription"
            ...(생략)... />
 
      <ImageView
   
        android:id="@+id/imageIcon"
   
        ...(생략)... />
        <com.buzzvil.buzzad.benefit.presentation.media.CtaView
            android:id="@+id/ctaView"
            ...(생략)... />
   
...(생략)...
    </LinearLayout>
    ...(생략)...
</com.buzzvil.buzzad.benefit.presentation.nativead.NativeAdView>

...