이 페이지는 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 유동적인 광고 크기의 구현 예를 참고하세요.