배너 / MREC 광고 - DARO DOCS

배너 / MREC 형태 소개

배너 광고

앱 레이아웃의 일부를 차지하는 직사각형 광고 포맷로 보편적으로 사용됩니다.
대부분의 광고 디맨드들이 지원하는 형태인 320x50 사이즈를 사용합니다.

Banner Example Pn

MREC 광고

300x250 의 사이즈를 MREC으로 구분하여 부릅니다.
전반적으로 배너와 동일한 특성을 가집니다.

Mrec Example Pn

광고 연동하기

시작하기에 따라 SDK를 먼저 초기화하세요. 아래 예제의 YOUR_AD_UNIT_ID를 대시보드에서 확인한 해당 포맷의 Ad Unit Key로 바꾸세요.

Xml
Compose

1

adUnit 생성

val adUnit = DaroBannerAdUnit(
  key = "YOUR_AD_UNIT_ID",
  bannerSize = DaroBannerSize.Banner,
)

val adUnit = DaroBannerAdUnit(
  key = "YOUR_AD_UNIT_ID",
  bannerSize = DaroBannerSize.MREC,
)

2

adView 생성 및 뷰에 추가

val adView = DaroBannerAdView(
  context = context,
  adUnit = adUnit
)

binding.adViewContainer.addView(adView)

3

리스너 설정

adView.setListener(object : DaroAdViewListener {
  override fun onAdImpression(adInfo: DaroAdInfo) {}
  override fun onAdClicked(adInfo: DaroAdInfo) {}
  override fun onAdLoadSuccess(ad: DaroViewAd, adInfo: DaroAdInfo) {}
  override fun onAdLoadFail(err: DaroError) {}
})

4

광고 로드

adView.loadAd()

뷰를 선언하면 자체적으로 화면에 맞는 라이프사이클을 찾아 동작을 관리합니다. 따로 resume, pause, destroy를 호출하지 않아도 됩니다.
autoDetectLifecycle 값을 false(default: true)로 설정하는 경우, resume, pause, destroy를 직접 호출해주셔야 합니다.

DaroBanner는 daro-sdk에서 제공합니다. 별도의 daro-compose-util 의존성은 필요하지 않습니다.
Compose 환경과 기존 의존성 전환 방법은 시작하기에서 확인하세요.

DaroBanner(
  adUnit = DaroBannerAdUnit(
    key = "YOUR_AD_UNIT_ID",
    bannerSize = DaroBannerSize.Banner,
  ),
  listener = object : DaroAdViewListener {
    override fun onAdImpression(adInfo: DaroAdInfo) {}
    override fun onAdClicked(adInfo: DaroAdInfo) {}
    override fun onAdLoadSuccess(ad: DaroViewAd, adInfo: DaroAdInfo) {}
    override fun onAdLoadFail(err: DaroError) {}
  },
  modifier = Modifier
)

DaroBanner(
  adUnit = DaroBannerAdUnit(
    key = "YOUR_AD_UNIT_ID",
    bannerSize = DaroBannerSize.MREC,
  ),
  listener = object : DaroAdViewListener {
    override fun onAdImpression(adInfo: DaroAdInfo) {}
    override fun onAdClicked(adInfo: DaroAdInfo) {}
    override fun onAdLoadSuccess(ad: DaroViewAd, adInfo: DaroAdInfo) {}
    override fun onAdLoadFail(err: DaroError) {}
  },
  modifier = Modifier
)