네이티브 스타일

플랫폼 선택: Android iOS Flutter

네이티브 스타일 설정을 사용하면 Google Ad Manager에서 제품 내에 지정한 네이티브 스타일을 기반으로 네이티브 광고의 렌더링을 처리할 수 있습니다. 먼저 크기 및 타겟팅을 지정합니다. 그런 다음 HTML, CSS, JavaScript를 추가하여 반응형 광고를 정의하고 모든 화면에서 고화질로 표시되는 광고를 생성합니다. 렌더링을 직접 할 필요가 없습니다. Ad Manager에서 도착 페이지에 맞는 네이티브 스타일을 자동으로 적용합니다. 네이티브 스타일은 배너 광고와 마찬가지로 구현됩니다. 런타임 시 결정된 유연한 광고 크기 또는 사전에 결정된 고정 광고 크기로 렌더링됩니다.

기본 요건

유동적 크기

Ad Manager UI에서 유연한 광고 크기를 사용하면 콘텐츠에 맞게 동적으로 조정되는 광고를 만들 수 있습니다. 이 설정을 사용하면 광고의 너비가 앱의 콘텐츠와 일치하고 높이는 광고의 콘텐츠에 맞게 런타임 시 조정됩니다. SDK는 이 경우를 처리하기 위해 특수 AdSize 상수인 FLUID를 제공합니다. 유연한 광고 크기 높이는 게시자가 정의한 너비를 기반으로 하여 동적으로 결정되므로 광고 뷰가 광고 소재의 높이에 맞게 높이를 조정할 수 있습니다.

유연한 광고 요청 만들기

다른 광고 형식과 달리 유연한 광고 크기에는 사전 정의된 너비가 없으므로 XML 레이아웃 파일에서 AdManagerAdView의 layout_width를 명시적으로 설정해야 합니다.

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/fluid_ad_container"
   android:layout_width="match_parent"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="FLUID"
   ads:adUnitId="YOUR_AD_UNIT_ID" />

광고 요청을 만드는 구현은 다음과 같습니다.

Java

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
AdManagerAdView adView = (AdManagerAdView) fluidAdContainer;
AdManagerAdRequest request = new AdManagerAdRequest.Builder().build();
adView.loadAd(request);
NativeStylesSnippets.java

Kotlin

// fluidAdContainer is a ViewGroup that will be used to display the fluid native ad.
val adView = fluidAdContainer as AdManagerAdView
val request = AdManagerAdRequest.Builder().build()
adView.loadAd(request)
NativeStylesSnippets.kt

고정된 크기

고정 크기의 네이티브 스타일을 사용하면 네이티브 광고의 너비와 높이를 설정할 수 있습니다. 고정 크기를 설정하려면 다음 단계를 따르세요.

  1. Ad Manager UI에서 광고 항목을 만들고 Size 필드 드롭다운에서 사전 정의된 크기 중 하나를 선택합니다.

  2. 앱의 XML 레이아웃 파일에서 ads:adSize 속성을 1단계에서 선택한 사전 정의된 크기와 일치하는 상수로 설정합니다. 고정된 크기 섹션에서 크기 목록과 해당 AdSize 상수를 확인할 수 있습니다.

다음은 레이아웃 파일에서 MEDIUM_RECTANGLE(300x250) 광고 크기와 같은 고정 크기를 지정하는 방법의 예입니다.

<com.google.android.gms.ads.admanager.AdManagerAdView
   android:id="@+id/ad_view_container"
   android:layout_width="wrap_content"
   android:layout_height="wrap_content"
   android:layout_gravity="center_horizontal"
   ads:adSize="MEDIUM_RECTANGLE"
   ads:adUnitId="YOUR_AD_UNIT_ID" />