본문으로 건너뛰기

마이그레이션

이 페이지에서는 기존 네이티브(BZVNativeAdView)를 연동한 상태에서 네이티브 2.0(BZVNativeAd2View)으로 마이그레이션 하는 방법을 안내합니다.

기본 설정

주요 변경 내역

  • 광고 레이아웃에서 BZVNativeAdView 대신 BZVNativeAd2View를 사용합니다.
  • 네이티브 2.0에서는 광고 할당 및 갱신을 SDK 내부에서 자동으로 수행합니다. 따라서 광고 할당을 위한 클래스인 BZVBuzzAdNative, BZVNativeAdRequest를 사용할 필요가 없습니다.
  • BZVNativeAdViewBinder 대신 BZVNativeAd2ViewBinder를 사용합니다.
    • 기존에 BZVBuzzAdNative를 생성할 때 추가하였던 Unit ID는 BZVNativeAd2ViewBinder 생성 과정에서 추가합니다.
    • Swift의 경우 기존과 달리 nested builder class를 사용하여 BZVNativeAd2ViewBinder를 생성하는 방식을 사용할 수 있습니다.

대체 메서드

네이티브네이티브 2.0
BZVBuzzAdNative.loadAd(
with: BZVNativeAdRequest,
onSuccess: (BZVNativeAd) -> Void,
onFailure: (NSError) -> Void)
)
BZVNativeAd2ViewBinder.subscribeEvents(
onRequest: () -> Void,
onNext: (BZVNativeAd2) -> Void,
onError: (NSError) -> Void,
onCompleted: () -> Void
)
BZVNativeAd2ViewBinder.bind()

기존 네이티브 구현 예시

import UIKit
import BuzzAdBenefit

final class ViewController: UIViewController {
// BZVNativeAdView 대신 BZVNativeAd2View를 사용합니다.
private let nativeAdView = BZVNativeAdView(frame: .zero)
// BZVMedaiView, BZVCtaView 등 다른 컴포넌트는 그대로 사용할 수 있습니다.
private let mediaView = BZVMediaView(frame: .zero)
private let iconImageView = UIImageView(frame: .zero)
private let titleLabel = UILabel(frame: .zero)
private let descriptionLabel = UILabel(frame: .zero)
private let ctaView = BZVDefaultCtaView(frame: .zero)

// BZVNativeAdViewBinder 대신 BZVNativeAd2ViewBinder를 사용합니다.
private lazy var viewBinder = BZVNativeAdViewBinder { builder in
// Swift의 경우 nested builder class를 사용할 수 있습니다.
// Builder의 생성 과정에서 Unit ID를 추가합니다.
builder.nativeAdView = self.nativeAdView
builder.mediaView = self.mediaView
builder.iconImageView = self.iconImageView
builder.titleLabel = self.titleLabel
builder.descriptionLabel = self.descriptionLabel
builder.ctaView = self.ctaView
}

override func viewDidLoad() {
super.viewDidLoad()

view.addSubview(nativeAdView)
nativeAdView.addSubview(mediaView)
nativeAdView.addSubview(iconImageView)
nativeAdView.addSubview(titleLabel)
nativeAdView.addSubview(descriptionLabel)
nativeAdView.addSubview(ctaView)

// AutoLayout Constraints 설정
// ...

// BZVNativeAdRequest, BZVBuzzAdNative를 삭제합니다.
let nativeAdRequest = BZVNativeAdRequest()
let buzzAdNative = BZVBuzzAdNative(unitId: "YOUR_NATIVE_UNIT_ID")
buzzAdNative.loadAd(with: nativeAdRequest) { nativeAd in
// BZVNativeAd2ViewBinder.subscribeEvents(onNext:)로 작업을 옮깁니다.
self.renderAd(nativeAd)
} onFailure: { error in
// BZVNativeAd2ViewBinder.bind(onError:)로 작업을 옮깁니다.
print("Failed to load a native ad")
}
}

// renderAd 함수를 제거합니다.
func renderAd(_ ad: BZVNativeAd) {
viewBinder.bind(with: ad)
}
}

네이티브 2.0 구현 예시

import UIKit
import BuzzAdBenefit

final class ViewController: UIViewController {
// BZVNativeAdView 대신 BZVNativeAd2View를 사용합니다.
private let nativeAd2View = BZVNativeAd2View(frame: .zero)
// BZVMedaiView, BZVCtaView 등 다른 컴포넌트는 그대로 사용할 수 있습니다.
private let mediaView = BZVMediaView(frame: .zero)
private let iconImageView = UIImageView(frame: .zero)
private let titleLabel = UILabel(frame: .zero)
private let descriptionLabel = UILabel(frame: .zero)
private let ctaView = BZVDefaultCtaView(frame: .zero)

// BZVNativeAdViewBinder 대신 BZVNativeAd2ViewBinder를 사용합니다.
private lazy var viewBinder = BZVNativeAd2ViewBinder
// Swift의 경우 nested builder class를 사용할 수 있습니다.
// Builder의 생성 과정에서 Unit ID를 추가합니다.
.Builder(unitId: "YOUR_NATIVE_UNIT_ID")
.nativeAd2View(nativeAd2View)
.mediaView(mediaView)
.iconImageView(iconImageView)
.titleLabel(titleLabel)
.descriptionLabel(descriptionLabel)
.ctaView(ctaView)
.build()

override func viewDidLoad() {
super.viewDidLoad()

self.view.addSubview(nativeAd2View)
nativeAd2View.addSubview(mediaView)
nativeAd2View.addSubview(iconImageView)
nativeAd2View.addSubview(titleLabel)
nativeAd2View.addSubview(descriptionLabel)
nativeAd2View.addSubview(ctaView)

// AutoLayout Constraints 설정
// ...

// BZVNativeAdRequest, BZVBuzzAdNative를 삭제합니다.

viewBinder.subscribeEvents(onNext: { [weak self] nativeAd2 in
// BZVNativeAd2ViewBinder.subscribeEvents(onNext:)로 작업을 옮깁니다.
}, onError: { [weak self] error in
// BZVNativeAd2ViewBinder.bind(onError:)로 작업을 옮깁니다.
})

viewBinder.bind()
}
}

고급 설정

주요 변경사항

  • BZVNativeAd 대신 BZVNativeAd2를 매개 변수로 받아서 광고 정보를 가져옵니다.
  • BZVNativeAdEventDelegate 대신 BZVNativeAd2ViewBinder.subscribeAdEvents()를 통해 광고 이벤트를 수신합니다.

기존 네이티브 구현 예시

final class ViewController: UIViewController {
// ...생략...

private func renderAd(_ ad: BZVNativeAd) {
viewBinder.bind(with: ad)
// bind() 함수 이전에 subscribeAdEvents() 함수를 호출합니다.
// BZVNativeAd 대신 NativeAd2ViewBinder에서 subscribeAdEvents() 함수를 호출합니다.
ad.add(self)
}
}

// Delegate을 채택하는 방식 대신, subscribeAdEvents()에서 closure를 통해 이벤트를 수신합니다.
extension ViewController: BZVNativeAdEventDelegate {
func didImpress(_ nativeAd: BZVNativeAd) {
// BZVNativeAd 대신 BZVNativeAd2를 통해 광고에 대한 정보를 가져올 수 있습니다.
}

func didClick(_ nativeAd: BZVNativeAd) {
// BZVNativeAd 대신 BZVNativeAd2를 통해 광고에 대한 정보를 가져올 수 있습니다.
}

func didRequestReward(for nativeAd: BZVNativeAd) {
// BZVNativeAd 대신 BZVNativeAd2를 통해 광고에 대한 정보를 가져올 수 있습니다.
}

func didReward(for nativeAd: BZVNativeAd, with result: BZVRewardResult) {
// BZVNativeAd 대신 BZVNativeAd2를 통해 광고에 대한 정보를 가져올 수 있습니다.
}

func didParticipateAd(_ nativeAd: BZVNativeAd) {
// BZVNativeAd 대신 BZVNativeAd2를 통해 광고에 대한 정보를 가져올 수 있습니다.
}
}

네이티브 2.0 구현 예시

final class ViewController: UIViewController {
// ...생략...

override func viewDidLoad() {
// BZVNativeAd 대신 NativeAd2ViewBinder에서 subscribeAdEvents() 함수를 호출합니다.
// Delegate을 채택하는 방식 대신, subscribeAdEvents()에서 closure를 통해 이벤트를 수신합니다.
viewBinder.subscribeAdEvents(onImpressed: { [weak self] nativeAd2 in
// BZVNativeAd 대신 BZVNativeAd2를 통해 광고에 대한 정보를 가져올 수 있습니다.
}, onClicked: { [weak self] nativeAd2 in
// BZVNativeAd 대신 BZVNativeAd2를 통해 광고에 대한 정보를 가져올 수 있습니다.
}, onRewardRequested: { [weak self] nativeAd2 in
// BZVNativeAd 대신 BZVNativeAd2를 통해 광고에 대한 정보를 가져올 수 있습니다.
}, onRewarded: { [weak self] nativeAd2, rewardResult in
// BZVNativeAd 대신 BZVNativeAd2를 통해 광고에 대한 정보를 가져올 수 있습니다.
}, onParticipated: { [weak self] nativeAd2 in
// BZVNativeAd 대신 BZVNativeAd2를 통해 광고에 대한 정보를 가져올 수 있습니다.
})

// bind() 함수 이전에 subscribeAdEvents() 함수를 호출합니다.
viewBinder.bind()
}
}