개요

BuzzAd iOS용 SDK가 제공하는 Feed 진입 경로 이외에도 앱 화면의 아이콘, 버튼, 배너 등 레이아웃 UI에 뷰를 직접 구현하여 Feed로 진입하는 경로를 만들 수 있습니다.

진입 경로를 생성할 수 있는 UI 컴포넌트의 예시는 아래 다이어그램을 참고하세요. 또한 샘플 앱에서 제공하는 다양한 커스텀 진입 경로들의 샘플 코드를 확인해 보세요.

준비 사항

Feed 지면 기본 설정 완료

진입 경로 추가하기

뷰 컨트롤러에 Feed 진입 경로를 생성할 수 있습니다. Feed 진입 경로를 뷰 컨트롤러에 추가하려면 BABFeedEntryView 를 상속 받는 커스텀 뷰를 구현하고 하위 뷰로 추가하세요.

코드로 진입 경로 구현하기

다음은 코드로 BABFeedEntryView를 상속 받는 커스텀 뷰 클래스를 구현하고 뷰 컨트롤러의 하위 뷰로 추가하는 예시입니다.

Step 1. BABFeedEntryView를 상속받는 클래스를 정의하여 뷰를 맞춤 구현하세요.

// CustomFeedEntryView.h
@import BuzzAdBenefitFeed;

@interface CustomFeedEntryView: BABFeedEntryView

@property (nonatomic, strong, readonly) UIView *customSubview1;
@property (nonatomic, strong, readonly) UIView *customSubview2;

@end

// CustomFeedEntryView.m
@implementation CustomFeedEntryView

- (instancetype)initWithFrame:(CGRect)frame {
  if (self = [super initWithFrame:frame]) {
    [self setupView];
  }
  return self;
}

- (void)setupView {
  // subview 초기화 및 LayoutConstraint 설정
}

@end

Step 2. 이전 단계에서 생성한 CustomFeedEntryView를 초기화하여 사용하세요.

@implementation ViewController {
  CustomFeedEntryView *_customFeedEntryView;
}

- (void)viewDidLoad {
  [super viewDidLoad];
  
  _customFeedEntryView = [[CustomFeedEntryView alloc] initWithFrame:CGRectZero];
  
  // (1) 클릭이 가능한 영역을 지정합니다.
  _customFeedEntryView.clickableViews = @[_customFeedEntryView.customSubview1, _customFeedEntryView.customSubview2];
    
  // (2) 클릭시 보여 줄 피드를 설정합니다.
  [_customFeedEntryView setFeedConfig:customFeedConfig];
  ...
  
  [self.view addSubview:_customFeedEntryView];
  ...
  
  // LayoutConstraint 설정
  ...
}
@end

Step 1. BABFeedEntryView를 상속받는 클래스를 정의하여 뷰를 맞춤 구현하세요.

import BuzzAdBenefitFeed

class CustomFeedEntryView: BABFeedEntryView {
  var customSubview1 = UIView()
  var customSubview2 = UIView()
  
  required init?(coder: NSCoder) {
    super.init(coder: coder)
    initialize()
  }
  
  override init(frame: CGRect) {
    super.init(frame: frame)
    setupView()
  }

  private func setupView() {
    // subview 초기화 및 LayoutConstraint 설정
  }
}

Step 2. 이전 단계에서 생성한 CustomFeedEntryView를 초기화하여 사용하세요.

적립 가능한 포인트 표시하기

Feed 진입 경로를 추가한 UI에 아래 그림과 같이 적립 가능한 포인트를 표시해 아직 Feed에 진입하지 않은 사용자의 참여율을 높일 수 있습니다.

적립 가능한 포인트를 사용자에게 미리 보여 주려면, 광고 할당 받기 토픽의 설명을 참고해 FeedHandler에 preload를 호출한 후 onSuccess 콜백이 호출되면 FeedHandler.availableRewards를 이용해 적립 가능한 포인트를 표시하세요.

다음은 viewDidLoad를 실행할 때 Feed를 새로고침하고 뷰를 업데이트하는 예시입니다.

사용자가 광고를 참여하여 리워드를 받거나, 피드를 아래로 스크롤하여 적립 가능한 새로운 광고를 불러올 경우 피드 진입 뷰에 표시된 적립 가능한 포인트 값이 정확하지 않을 수 있습니다.
사용자가 개인 정보 제공에 동의하지 않거나 다른 이유로 인해 해당 기능을 구현해도 UI에 적립 가능 포인트가 표시되지 않는 경우, FeedHandler의 onFailure에서 문제를 해결할 수 있습니다.

Buzzvil Developer Guides

6.1. iOS 2.4.x Custom 진입 경로 추가

Analytics

목차

개요

준비 사항

진입 경로 추가하기

코드로 진입 경로 구현하기

적립 가능한 포인트 표시하기

Related content