라이트 팝업 형태 소개

  • 위와 같은 팝업 형태로 뜨는 광고 유형입니다.
  • 8초 후에 자동으로 닫히게 됩니다. 인터스티셜이나, 네이티브보다 ux를 해치지 않고 광고를 보여줄 수 있습니다.
  • 라이트 팝업 광고는 1.0.20 버전부터 지원합니다.

광고 단위 설정

extension DaroNativeAdUnit {
    static let native = DaroNativeAdUnit(
        id: "...",
        name: "...",
    )
}

라이트 팝업 광고 구현

let lightPopupAd = DaroMLightPopupAd(adUnit: .lightPopup)
// highlight-next-line
lightPopupAd.load {
    print("load success")
}

// (Optional) 필요한 경우 Delegate 를 설정합니다.

lightPopupAd.impressionDelegate = self
lightPopupAd.displayDelegate = self
lightPopupAd.nativeDelegate = self


if lightPopupAd?.isReady == true { // 광고가 로드되었는지 확인합니다. completionHandler 에서 확인할 수도 있습니다.
  // highlight-next-line
  lightPopupAd?.show(from: "...") // UIViewController
}

// asyncLoad 를 사용하는 경우
await lightPopupAd.asyncLoad() // 광고를 로드합니다.

광고 커스터마이징 하기

DaroMAdLightPopupConfiguration를 사용해서 라이트 팝업의 색상, 버튼 텍스트 등 다양한 UI 요소를 커스터마이징할 수 있습니다.


let config = DaroMAdLightPopupConfiguration()
config.backgroundColor = .systemBackground // 배경색
config.cardViewBackgroundColor = .systemBackground // 광고 컨텐츠 배경색

config.adMarkLabelTextColor = .label // 광고 마크 레이블 텍스트 색상
config.adMarkLabelBackgroundColor = UIColor.secondarySystemBackground.withAlphaComponent(0.32) // 광고 마크 레이블 배경색

config.closeButtonText = "닫기" // 닫기 버튼 텍스트
config.closeButtonTextColor = .label // 닫기 버튼 텍스트 색상

config.titleTextColor = .label // 타이틀 텍스트 색상
config.bodyTextColor = .label // 본문 텍스트 색상

config.ctaTextColor = .label // CTA 텍스트 색상
config.ctaBackgroundColor = UIColor.secondarySystemBackground.withAlphaComponent(0.0) // CTA 배경색

lightPopupAd.configuration = config