​
라이트 팝업 형태 소개

  • 위와 같은 팝업 형태로 뜨는 광고 유형입니다.

  • 8초 후에 자동으로 닫히게 됩니다. 인터스티셜이나, 네이티브보다 ux를 해치지 않고 광고를 보여줄 수 있습니다.

  • 라이트 팝업 광고는 0.6.11 버전부터 지원합니다.

​
Loader 생성하기

val lightPopupLoader = DaroLightPopupAdLoader(
    adLightPopupUnit = DaroAdLightPopupUnit(
      unitId = ${unitId},
      placementName = ${placementName}, //로그 상 보여질 이름입니다. 공백을 보내도 무관합니다.
    )
  )

​
광고 로드 및 그리기

  1. load() 를 호출하면 onSuccess를 콜백을 통해서 를 얻을 수 있습니다.

    lightPopupLoader.load(
  context = this,
  onSuccess = { ad ->
    ...
  },
  onFailure = { err ->
    ...
  }
)

  2. onSuccess 에서 받아온 에 show() 를 호출을 통해서 광고를 보여줄 수 있습니다.

    ad.show(
  activity = ...,
  adListener = object : DaroLightPopupAdListener {   
    override fun onShown() {
    }

    override fun onDismiss() {
    }

    override fun onFailedToShow(errorMsg: String){
    }
  }
)

    DaroLightPopupAdListener를 통해서 광고 표시, dismiss 이벤트 등을 관리할 수 있습니다.

​
광고 커스터마이징 하기

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

val lightPopupLoader = DaroLightPopupAdLoader(
  adLightPopupUnit = DaroAdLightPopupUnit(
    unitId = ...,
    placementName = ...,
  ),
)

val customOptions = DaroLightPopupAdOptions(
  backgroundColor = "#FF000000".toColorInt(),           // 배경색 (예: 검정)
  containerColor = "#FF222222".toColorInt(),            // 컨테이너 색상
  titleColor = "#FFFFFFFF".toColorInt(),                // 타이틀 텍스트 색상
  bodyColor = "#FFAAAAAA".toColorInt(),                 // 본문 텍스트 색상
  ctaBackgroundColor = "#FFFF0000".toColorInt(),        // CTA(버튼) 배경색
  ctaTextColor = "#FFFFFFFF".toColorInt(),              // CTA(버튼) 텍스트 색상
  closeButtonText = "닫기",                              // 닫기 버튼 텍스트
  closeButtonColor = "#FFFFFFFF".toColorInt(),          // 닫기 버튼 텍스트 색상
  adMarkLabelTextColor = "#FFFFFFFF".toColorInt()       // 상단 ad 마크 텍스트 색상
  adMarkLabelBackgroundColor = "#FFFFFFFF".toColorInt() // 상단 ad 마크 배경 색상
)

lightPopupLoader.setOptions(customOptions)

lightPopupLoader.load(
    ...
)