Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

본 연동 가이드는 이러한 BuzzAd-Benefit Web SDK를 웹페이지에 적용하는 방법에 대해 설명합니다.

※ 주의사항

  1. BuzzAd-Benefit Web SDK는 현재 데스크탑/ 모바일의 일반 브라우저에서는 동작하지 않으며, 안드로이드/ 아이폰 앱에 포함된 웹뷰를 통해서 웹페이지를 보여주는 경우에 동작합니다. 이때, 안드로이드/아이폰 앱에는 BuzzAd-Benefit SDK가 적용되어 있어야 합니다.

  2. 안드로이드의 경우 TLS 1.2가 지원되지 않는 OS 4.4.2 미만의 버전에서는 Web SDK가 작동하지 않으며, 아이폰의 경우 WKWebView만 지원합니다.

...

목차

Table of Contents
exclude.*(주의사항)

Android와 iOS에서 추가로 해야 하는 작업은 아래의 링크를 참고하시기 바랍니다.

Child pages (Children Display)

준비 사항

...

SDK를 앱에 연동하기 전, 아래 사항을 먼저 준비해야 합니다.

...

또한 디자인 커스터마이징은 SDK에서 제공하지 않으므로 직접 구현해야 합니다. 디자인을 자체 구현할 수 있는 경우는 다음과 같습니다.

  1. 광고 자체에 리워드가 없는 경우

    • 유저가 적립을 받았으나 재적립 주기가 돌아오지 않은 상태로 광고가 노출된 경우 (리워드가 부여되지 않은 경우)

    • 원래 리워드가 없는 광고인 경우

  2. 현재 지급 가능한 리워드가 있는 경우

  3. 사용자가 광고에 참여하여 참여 완료 상태인 경우

Info
  • 1번, 2번의 경우, 광고를 처음 화면에 표시할 때 nativeAd.reward > 0인지 확인하여 표시합니다.

  • 3번의 경우 onParticipated 이벤트를 받았을 때 nativeAd.particiated가 참인지 여부를 체크하여 CtaView를 업데이트 해야 합니다. (아래 샘플 코드의 updateCtaView라는 함수의 구현을 참고) 이 함수는 처음 광고를 보여줄 때, 그리고 onParticipated 이벤트를 받았을 때 실행됩니다.

...

registerNativeAd(nativeAd, placementView, adListener)의 두번째 인자로 전달한 Placement View의 SDK는 다음과 같은 추가적인 작업을 합니다.

  1. 광고가 화면에 보이는지 여부를 자동으로 체크합니다.

  2. clickable을 클래스로 등록한 자식 문서 객체 모델이 있는 경우, 클릭하여 랜딩 페이지를 열 수 있도록 설정합니다.

Placement View로 전달한 문서 객체 모델에서 더 이상 광고를 표시하고 싶지 않은 경우, 위의 추가된 작업을 해제해야 합니다. 해제를 위해 다음의 코드를 호출합니다.

...