프리미엄 배너 광고

아래 가이드에서는 프리미엄 배너 광고를 로드하고, 표시하는 방법을 설명합니다.

기본 요건

시작 가이드에 따라 필요한 과정을 완료합니다.


테스트 광고 게재위치

Placement Code(게재위치 코드)는 어드민의 인벤토리 > 게재위치 메뉴에서 게재위치를 등록 시 시스템을 통해 자동으로 생성됩니다.

테스트 게재위치 목록

placementCode
설명

SAMPLE_EXPANDABLE_BANNER_IMAGE_APP

Mobile 화면을 위한 확장형 이미지 광고

  • 확장형 형태: 가로형

  • 확장형 표시 방법: 배너 덮음

  • 확장형 위치: 배너 하단

  • 레이아웃: 3

SAMPLE_EXPANDABLE_BANNER_VIDEO_APP

Mobile 화면을 위한 확장형 동영상 광고

  • 확장형 형태: 가로형

  • 확장형 표시 방법: 배너 덮음

  • 확장형 위치: 배너 하단

  • 레이아웃: 3


광고 상품 설정하기

어드민의 인벤토리 > 광고상품 메뉴에서 프리미엄 배너 광고 설정을 할 수 있습니다.

  1. 광고 구성 정보 섹션에서 광고 종류 > 프리미엄 배너 광고 > 확장형 배너 동영상형 / 확장형 배너 이미지형을 선택합니다.

  2. 각 미디어 스펙의 미디어 표시명 및 옵션들을 선택합니다.

  1. 게재위치 및 사이즈 섹션에서 레이아웃을 선택할 수 있습니다.


광고 표시하기

  1. 프리미엄 배너가 표시되기 원하는 ViewController 에서 NestAdsPremiumBannerAdView 를 생성합니다.

  2. (필수) 게재위치를 설정합니다.

  3. (옵션) delegate 및 스타일, 동영상 등 미디어 스펙 별 옵션을 설정합니다.

  4. 광고 요청 객체를 만들고 광고를 요청합니다.

circle-exclamation

위 예제 코드를 실행하면 아래와 같이 프리미엄 배너를 게재할 수 있습니다.


레이아웃별 구현 가이드

프리미엄 배너는 확장/축소 기능이 있어 각 레이아웃에서 적절한 처리가 필요합니다.

1. StackView + ScrollView

가장 기본적인 레이아웃 패턴입니다. SDK가 intrinsicContentSize를 제공하므로 StackView에서 자동으로 크기가 결정됩니다.


2. UICollectionView - FlowLayout

FlowLayout 사용 시 sizeForItemAt 델리게이트를 구현하여 셀 크기를 제공합니다.


3. UICollectionView - CompositionalLayout

CompositionalLayout 사용 시 estimated 높이를 사용하여 Self-Sizing을 활성화합니다.


4. UITableView

TableView 사용 시 automaticDimension을 활용합니다.


핵심 포인트

circle-exclamation
circle-info

스크롤 위치 조정

premiumAdViewExpandedRectInfoOnScrollView(_:rect:) 델리게이트를 구현하여 확장된 배너가 화면에 보이도록 스크롤 위치를 조정합니다.

circle-info

Cell 구현 시 주의사항

CollectionView/TableView Cell에서 AdView를 설정할 때:

  • 같은 뷰인지 체크하여 중복 추가 방지 (if adView === view { return })

  • AdView를 contentView에 edge constraints로 추가


광고 delegate

NestAdsPremiumBannerAdView 에서 지원하는 delegate는 다음을 참고하세요.


광고 옵션

NestAdsPremiumBannerAdView 에서 지원하는 광고 옵션은 다음을 참고하세요.

각 미디어 스펙 별로 다양하게 옵션을 설정 할 수 있습니다.


광고 요청

NestAdsPremiumBannerAdView 에서 사용하는 광고 요청 객체는 다음을 참고하세요.


Last updated