Vungle

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

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

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

2. AdPopcornSSPNativeAd 영역 내 실제 광고 영역 추가

AdPopcornSSPNativeAd 영역 안에 미디에이션 업체의 실제 광고 영역 추가 및 viewcontroller에 outlet 연결합니다.

3. Component 구성

Vungle 네이티브에서 지원하는 아래 요소를 이용하여 구성합니다.

You must prepare UIViews (1), UILabel (4, 5, 6), and UIButtons (9) inside the main UIView (a container to hold all components for a Native ad). You must create the UI elements listed below (with the exception of UIImage (7, the Privacy icon image, which is discussed in the Display Privacy Icon section)

4. UI component를 SDK에 매칭

1,2 단계에서 생성한 UI Componenet 요소를 SDK에 매칭합니다.

storyboard에서 생성한 UI view를 APVungleNativeAdRenderer를 사용하여 sdk에 전달한다.

Objective-C

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

- (void)viewDidLoad {
    [super viewDidLoad];
    // Do any additional setup after loading the view.
    APVungleNativeAdRenderer *apVungleNativeAdRenderer = [[APVungleNativeAdRenderer alloc] init];
    apVungleNativeAdRenderer.nativeAdView = _nativeAdView;
    apVungleNativeAdRenderer.iconView = _iconView;
    apVungleNativeAdRenderer.mediaView = _mediaView;
    apVungleNativeAdRenderer.titleLbl = _titleLbl;
    apVungleNativeAdRenderer.ratingLbl = _ratingLbl;
    apVungleNativeAdRenderer.sponsorLbl = _sponsorLbl;
    apVungleNativeAdRenderer.adTextLbl = _adTextLbl;
    apVungleNativeAdRenderer.downloadBtn = _downloadBtn;
    
    [_adPopcornSSPNativeAd setVungleRenderer:apVungleNativeAdRenderer superView:_nativeAdView];

}

Swift

override func viewDidLoad() 
{
    super.viewDidLoad()
    apVungleNativeAdRenderer = APVungleNativeAdRenderer.init()
    apVungleNativeAdRenderer.nativeAdView = _nativeAdView
    apVungleNativeAdRenderer.iconView = _iconView
    apVungleNativeAdRenderer.mediaView = _mediaView
    apVungleNativeAdRenderer.titleLbl = _titleLbl
    apVungleNativeAdRenderer.ratingLbl = _ratingLbl
    apVungleNativeAdRenderer.sponsorLbl = _sponsorLbl
    apVungleNativeAdRenderer.adTextLbl = _adTextLbl
    apVungleNativeAdRenderer.downloadBtn = _downloadBtn
    adPopcornSSPNativeAd.setVungleRenderer(apVungleNativeAdRenderer, superView: _nativeAdView)
}

APVungleNativeAdRenderer를 생성한 뒤, 애드팝콘 Vungle 네이티브 광고에서 지원하는 ui componenet를 전달하여 준다.

FANNativeAd의 경우 adCoverMediaView(FBMediaView)를 필수로 포함해야 광고가 정상적으로 노출됩니다.

APVungleNativeAdRenderer에 각 component를 연결시켜 준 후,setVungleRenderer:superView: renderer와 nativeAdView 를 sdk 최종적으로 전달합니다.