이 페이지는 Cloud Translation API를 통해 번역되었습니다.

네이티브 스타일

네이티브 스타일 설정을 사용하면 Google Ad Manager에서 제품 내에 지정한 네이티브 스타일을 기반으로 네이티브 광고의 렌더링을 처리할 수 있습니다. 먼저, 크기와 타겟팅을 지정합니다 그런 다음 HTML, CSS, 자바스크립트를 추가하여 반응형 광고를 정의합니다. 모든 화면에서 고품질 디스플레이를 생산할 수 있습니다. 직접 할 필요 없음 어떤 렌더링이든 Ad Manager가 적절한 네이티브 스타일을 자동으로 적용함 입니다. 네이티브 스타일은 배너 광고와 마찬가지로 구현되며 AdManagerAdView를 사용합니다. 사전에 결정된 고정 광고 크기 또는 런타임에 결정된 유동 광고 크기와 함께 사용할 수 있습니다.

기본 요건

Google 모바일 광고 Flutter 플러그인 버전 0.13.6 이상

이 가이드는 Google 모바일 광고 SDK에 대한 실용적 지식을 전제로 설명합니다. 아직 살펴보지 않았다면 시작하기 가이드를 참조하세요.

고정 크기

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

Ad Manager UI에서 광고 항목을 만들고 Size 필드 드롭다운에서 사전 정의된 크기를 선택합니다.
1단계에서 설정한 것과 동일한 크기로 AdManagerBannerAd를 로드합니다. 광고를 인스턴스화하고 로드하는 방법은 배너 광고 문서를 참고하세요. 크기 목록과 상응하는 AdSize 상수를 확인할 수 있습니다. 배너 크기에 섹션으로 이동합니다.

다음은 고정 크기를 지정하는 방법의 예입니다(예: MEDIUM_RECTANGLE (300x250) 광고 크기:

AdManagerBannerAd ad = AdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  sizes: <AdSize>[AdSize.mediumRectangle],
  request: AdManagerAdRequest(),
);

유동적인 크기

경우에 따라 고정 크기가 적절하지 않을 수 있습니다. 예를 들어 광고의 너비가 앱 콘텐츠와 일치해야 하지만 높이가 필요합니다. 광고 콘텐츠에 맞게 동적으로 조정됩니다. 이 사례를 처리하려면 Ad Manager UI에서 광고 크기로 Fluid를 지정하면 됩니다. 그러면 광고 크기가 앱의 런타임 시 결정됨을 나타냅니다. SDK는 이 사례를 처리하기 위해 특수 AdSize 상수 FLUID를 제공합니다. 유동적인 광고 크기 높이는 게시자가 정의한 너비를 기반으로 동적으로 결정되므로 플랫폼 광고 뷰가 광고 소재의 높이와 일치하도록 높이를 조정할 수 있습니다.

유동적 요청

FluidAdManagerBannerAd를 사용하여 유동적인 광고를 요청합니다.

final fluidAd = FluidAdManagerBannerAd(
  adUnitId: '<your-ad-unit>',
  request: AdManagerAdRequest(),
  listener: AdManagerBannerAdListener(
    onAdLoaded: (Ad ad) {
      print('$_fluidAd loaded.');
    },
    onAdFailedToLoad: (Ad ad, LoadAdError error) {
      print('$_fluidAd failedToLoad: $error');
      ad.dispose();
    },
  ),

유동형 광고 표시

광고가 로드된 후 FluidAdWidget를 사용하여 유동적인 광고를 표시합니다. 그것은 기본 플랫폼 광고 보기와 일치하도록 높이를 조정합니다.

FluidAdWidget(
  width: <your-width>,
  ad: fluidAd,
);

GitHub의 샘플 앱에서 Ad Manager 유동 광고 크기의 구현 예시를 확인하세요.