Mintegral

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

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

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

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

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

3. UI component를 SDK에 매칭

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

Objective-C

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

- (void)viewDidLoad {
  [super viewDidLoad];
  // Do any additional setup after loading the view.
  APMintegralNativeAdRenderer *apMintegralNativeAdRenderer = [[APMintegralNativeAdRenderer alloc] init];
  apMintegralNativeAdRenderer.adUIView = _mintegralNativeAdView;
  apMintegralNativeAdRenderer.iconImageView = _mintegralAdIconView;
  apMintegralNativeAdRenderer.appNameLabel = _mintegralAdTitleView;
  apMintegralNativeAdRenderer.appDescLabel = _mintegralAdDescView;
  apMintegralNativeAdRenderer.adCallButton = _mintegralAdCTAView;
  apMintegralNativeAdRenderer.mMediaView = _mintegralMediaView;
  [_adPopcornSSPNativeAd setMintegralNativeRenderer:apMintegralNativeAdRenderer superView:_mintegralNativeAdView];
}

Swift

override func viewDidLoad() 
{
    super.viewDidLoad()
    apMintegralNativeAdRenderer = APMintegralNativeAdRenderer.init()
    apMintegralNativeAdRenderer.adUIView = _mintegralNativeAdView
    apMintegralNativeAdRenderer.iconImageView = _mintegralAdIconView
    apMintegralNativeAdRenderer.appNameLabel = _mintegralAdTitleView
    apMintegralNativeAdRenderer.appDescLabel = _mintegralAdDescView
    apMintegralNativeAdRenderer.adCallButton = _mintegralAdCTAView
    apMintegralNativeAdRenderer.mMediaView = _mintegralMediaView
    adPopcornSSPNativeAd.setMintegralNativeRenderer(apMintegralNativeAdRenderer, superView: _mintegralNativeAdView)
}

APMintegralNativeAdRenderer 를 생성한 뒤, 애드팝콘 Mintegral 네이티브 광고에서 지원하는 title, desc, icon, cta, mediaView를 전달하여 준다. 단, 이 5개의 component들은 하나의 UIView 영역 안에 포함되어 있어야 하며, 해당 superview는 adUIView 에 반드시 전달해 주어야 합니다.

APMintegralNativeAdRenderer에 각 component를 연결시켜 준 후, 아래 API를 통해서, setMintegralNativeRenderer:superView: API를 통해 render와 namNativeAdView 를 sdk에 최종적으로 전달합니다.