라이트 팝업 형태 소개
- 위와 같은 팝업 형태로 뜨는 광고 유형입니다.
- 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