Skip to main content

​
라이트 팝업 광고 형태 소개

  • 전면 광고 유형입니다.
  • 8초 후에 자동으로 닫히게 됩니다. 인터스티셜이나, 리워드 비디오보다 ux를 해치지 않고 광고를 보여줄 수 있습니다.
라이트 팝업 예시

​
광고 단위 설정

대시보드에서 발급받은 ad unit ID를 사용하여 광고 단위를 설정하세요. 
let lightPopupAdUnit = DaroAdUnit(unitId: "your_light_popup_unit_id")

​
라이트 팝업 광고 구현

class ExampleViewController: UIViewController {
    private var daroLightPopupAd: DaroLightPopupAd? = nil
    let daroLightPopupLoader = DaroLightPopupAdLoader(unit: lightPopupAdUnit)
    
    override func viewDidLoad() {
        super.viewDidLoad()
        setupLightPopupAd()
    }
    
    private func setupLightPopupAd() {
        // 광고 클릭 리스너
        daroLightPopupLoader.listener.onAdClicked = { adInfo in
            print("[DARO] Listener Light Popup Ad clicked: \(adInfo)")
        }
        
        // 광고 노출 리스너
        daroLightPopupLoader.listener.onAdImpression = { adInfo in
            print("[DARO] Listener Light Popup Ad impression: \(adInfo)")
        }
        
        // 광고 로드 성공 리스너
        daroLightPopupLoader.listener.onAdLoadSuccess = { [weak self] ad, adInfo in
            print("[DARO] Listener Light Popup Ad loaded: \(ad) \(adInfo)")
            self?.daroLightPopupAd = ad
            
            // 광고 표시 성공 리스너
            self?.daroLightPopupAd?.lightPopupAdListener.onShown = { adInfo in
                print("[DARO] Listener Light Popup Ad shown: \(adInfo)")
            }
            
            // 광고 닫힘 리스너
            self?.daroLightPopupAd?.lightPopupAdListener.onDismiss = { adInfo in
                print("[DARO] Listener Light Popup Ad dismissed: \(adInfo)")
            }
            
            // 광고 표시 실패 리스너
            self?.daroLightPopupAd?.lightPopupAdListener.onFailedToShow = { adInfo, error in
                print("[DARO] Listener Light Popup Ad failed to show: \(adInfo) \(error)")
            }
        }
        
        // 광고 로드 실패 리스너
        daroLightPopupLoader.listener.onAdLoadFail = { error in
            print("[DARO] Listener Light Popup Ad failed: \(error)")
        }
        
        daroLightPopupLoader.loadAd()
    }
    
    private func showLightPopupAd() {
        daroLightPopupAd?.show(viewController: self)
    }
}

​
라이트 팝업 설정

DaroLightPopupConfiguration을 통해 라이트 팝업 광고의 스타일을 커스터마이징할 수 있습니다: 
let configuration = DaroLightPopupConfiguration()

// 배경색 설정
configuration.backgroundColor = // 전체 배경색
configuration.cardViewBackgroundColor = // 카드 뷰 배경색

// 광고 마크 라벨 설정
configuration.adMarkLabelTextColor = // 광고 마크 텍스트 색상
configuration.adMarkLabelBackgroundColor = // 광고 마크 배경색

// 닫기 버튼 설정
configuration.closeButtonText = // 닫기 버튼 텍스트
configuration.closeButtonTextColor = // 닫기 버튼 텍스트 색상

// 제목 설정
configuration.titleTextColor = // 제목 텍스트 색상

// 본문 설정
configuration.bodyTextColor = // 본문 텍스트 색상

// CTA 버튼 설정
configuration.ctaButtonTextColor = // CTA 버튼 텍스트 색상
configuration.ctaButtonBackgroundColor = // CTA 버튼 배경색

daroLightPopupAd?.configuration = configuration
이렇게 생성한 configuration 객체를 DaroLightPopupAd의 configuration 속성에 할당하면, 원하는 스타일로 라이트 팝업 광고를 커스터마이징할 수 있습니다.
⌘I