AppLovinMax

iOS 네이티브 광고 미디에이션 레이아웃 가이드 입니다.

1. 스토리 보드에 UI view 생성

스토리보드에 UIView 생성 후 Custom Class을 AdPopcornSSPNativeAd 설정

2. xib 파일로 view를 추가

AppLovinMaxDynamicBid 은 ViewController에 ui component 영역을 바로 생성하지 않고 xib 파일을 사용하여 view를 add합니다.

(미디에이션 어댑터 파일 내 NativeManualAdView.xib 참고)

3. UI component를 SDK에 매칭

xib를 통해 로드한 UI view를 APAppLovinMaxNativeAdRenderer를 사용하여 sdk에 전달한다.

Objective-C

#import <AdPopcornSSP/AdPopcornSSPNativeAd.h>	
#import "AppLovinMaxDynamicBidAdapter.h"

- (void)viewDidLoad {
    [super viewDidLoad];
    MANativeAdView *maxNativeAdView =
    [[NSBundle mainBundle] loadNibNamed:@"NativeManualAdView" owner:nil options:nil].firstObject;
    
    // AppLovinMax 네이티브 사이즈 재정의
    maxNativeAdView.frame = CGRectMake(0, 0, [UIScreen mainScreen].bounds.size.width, 250);
    APAppLovinMaxNativeAdRenderer *apAppLovinMaxNativeAdRenderer = [[APAppLovinMaxNativeAdRenderer alloc] init];
    apAppLovinMaxNativeAdRenderer.appLovinNativeAdView = maxNativeAdView;
    [_adPopcornSSPNativeAd setAppLovinMaxRenderer:apAppLovinMaxNativeAdRenderer superView:maxNativeAdView];
}

Swift

override func viewDidLoad() 
{
    super.viewDidLoad()
    maxNativeAdView = Bundle.main.loadNibNamed("NativeManualAdView",
                             owner: nil,
                             options: nil)?.first as? MANativeAdView
    // AppLovinMax 네이티브 사이즈 재정의
    maxNativeAdView.frame = CGRectMake(0, 0, 393, 250)
    apAppLovinMaxNativeAdRenderer= APAppLovinMaxNativeAdRenderer.init()
    apAppLovinMaxNativeAdRenderer.appLovinNativeAdView = maxNativeAdView
    adPopcornSSPNativeAd.setAppLovinMaxRenderer(apAppLovinMaxNativeAdRenderer, superView: maxNativeAdView)
}

AppLovinMaxDynamicBid의 경우 AdPopcornSSP, FAN, FAN Native Banner와 다르게 xib파일을 이용하여 직접 View를 생성한 뒤, 해당 xib 파일을 읽어와 renderer에 전달해 주어야 합니다.

APAppLovinMaxNativeAdRenderer에 MANativeAdView 와 superView를 세팅 후, setAppLovinMaxRenderer:superView: API를 통해 render와 maxNativeAdView 를 sdk에 최종적으로 전달.

샘플로 포함된 NativeManualAdView를 수정하고자 할 경우, 각 component의 tag 값은 아래와 같이 일치해야 광고 노출이 정상적으로 진행됩니다.

• titlelLabel : 1001

• advertiserLabelTag : 1002

• bodyLabelTag : 1003

• iconImageViewTag : 1004

• optionsContentViewTag : 1005

• mediaContentViewTag : 1006

• callToActionButtonTag : 1007