애드팝콘 SSP SDK 연동가이드
애드팝콘 홈페이지애드팝콘 SSP 콘솔 바로가기
  • 개요
  • Android
    • 기본 설정
    • 배너 광고
    • 전면 광고
    • 전면 비디오 광고
    • 리워드 비디오 광고
    • 보상형 광고 플러스 연동(beta)
    • 네이티브 광고
    • 스플래시 광고
    • 모달 광고
    • 팝콘텐츠 광고
    • 응답 에러 코드 및 샘플 프로젝트
    • 미디에이션 (Android)
    • 네이티브 광고 레이아웃 구성 가이드
      • 직접 설정
      • 템플릿 사용
    • 네이티브 광고 미디에이션 레이아웃 가이드
      • 공통 설정
      • 애드팝콘 SSP
      • FAN (Facebook Audience Network)
      • Admob
      • GAM (Google Ad Manager)
      • ADOP
      • AdForus
      • Mintegral
      • AdFit-Native
      • AdFit-Bizboard
      • Mobon
      • Pangle
      • NAM - GfpNativeAdView + GfpNativeSimpleAdView
      • NAM - GfpNativeSimpleAdView
      • NAM - GfpNativeAdView
      • AppLovinMax
      • Vungle (LiftOff)
      • Coupang CPM
      • Mobwith
    • Adfit Bizboard 연동 가이드
    • AppLovin Max Android Mediation 가이드
    • 릴리즈 노트
  • iOS
    • 기본 설정
      • SDK 수동 설치
    • 배너 광고
    • 전면 광고
    • 전면 비디오 광고
    • 리워드 비디오 광고
    • 보상형 광고 플러스 연동(beta)
    • 네이티브 광고
    • 스플래시 광고
    • 모달 광고
    • 팝콘텐츠 광고
    • 응답 에러 코드 및 샘플 프로젝트
    • 미디에이션 (iOS)
    • 네이티브 광고 레이아웃 구성 가이드
      • 직접 설정
      • 템플릿 사용
    • 네이티브 광고 미디에이션 레이아웃 구성 가이드
      • ApPopcornSSP
      • FAN(Facebook Audience Network)
      • FAN Banner Native
      • AdMob
      • Google AdManager(GAM)
      • ADOP
      • AdForus
      • Mintegral
      • NAM - GfpNativeAdView + GfpNativeSimpleAdView
      • NAM - GfpNativeAdView
      • NAM - GfpNativeSimpleAdView
      • AppLovinMax
      • AdFit-Native
      • AdFit-BizBoard
      • Vungle
    • Adfit Bizboard 연동 가이드
    • AppLovin Max iOS Mediation 가이드
    • 릴리즈노트
  • HybridWeb(하이브리드 Web)
    • 네이티브 Side 연동(Android)
    • 네이티브 Side 연동(iOS)
    • WebPage Side 연동
    • 광고 ID 수동 세팅
  • 하이브리드 Web-Adfit
    • Android
    • iOS
  • Unity
    • Unity (Android)
      • 기본 설정
      • 배너 광고
      • 전면 광고
      • 리워드 비디오 광고
      • 네이티브 광고
      • 보상형 광고 플러스 연동(beta)
      • 미디에이션 Unity Android
    • Unity (iOS)
      • 기본 설정
      • 배너 광고
      • 전면 광고
      • 리워드 비디오 광고
      • 네이티브 광고
      • 보상형 광고 플러스 연동(beta)
      • 미디에이션 Unity iOS
    • 에러 코드
  • React Native(beta)
    • 기본 설정
    • 배너 광고
    • 전면 광고
    • 전면 비디오 광고
    • 리워드 비디오 광고
    • 네이티브 광고
  • Flutter
    • 기본 설정
    • 배너 광고
    • 전면 광고
    • 전면 비디오 광고
    • 리워드 비디오 광고
    • 보상형 광고 플러스 연동(beta)
    • 네이티브 광고
    • 팝콘텐츠 광고
  • Web SDK
  • 테스트 코드
  • 추가 기능 연동가이드
    • 웹 CS 페이지 연동
    • AppLovin Custom Network
      • Android
      • iOS
    • KT Library
  • 커스텀 타입 연동 가이드
    • 커스텀 타입(Android)
    • 커스텀 타입(iOS)
  • 쿠키 매칭
  • 쿠팡 연동가이드
    • 쿠팡 포스트백 연동
    • 쿠팡 EP 리스트 연동
    • 쿠팡 리포트 API 연동
      • 쿠팡 일별 리포트 API
      • 쿠팡 API - Report
      • 쿠팡 API - Product list
  • 원스토어 연동가이드
    • 애드팝콘 SSP SDK for Onestore
    • 원스토어 Ads 래핑 가이드(내부용)
      • 배너 광고
      • 전면 광고
      • 전면 비디오 광고
      • 리워드 비디오 광고
      • 네이티브 광고
      • SSP 미디에이션
      • 에러 코드 및 외부 노출 함수
      • 테스트 지면 키
      • AAR 라이브러리 목록
  • 리포트 API
    • 애드팝콘 SSP Report API
    • DSP Report API
    • Publisher API (Report)
    • Publisher API (Metadata)
    • Adserver Report API
    • Popcontent Report API
  • Reward Banner 스크립트 연동가이드
    • Reward Banner 스크립트 Android
    • Reward Banner 스크립트 iOS
  • Web Header Bidding(WIP)
  • 차단관리 파일 가이드
  • 팝콘텐츠 연동가이드
    • WebView 직접 연동
    • 리워드 콜백
Powered by GitBook
On this page
  • 1. 스토리 보드에 UI view 생성
  • 2. xib 파일로 view를 추가
  • 3. UI component를 SDK에 매칭

Was this helpful?

  1. iOS
  2. 네이티브 광고 미디에이션 레이아웃 구성 가이드

NAM - GfpNativeAdView

PreviousNAM - GfpNativeAdView + GfpNativeSimpleAdViewNextNAM - GfpNativeSimpleAdView

Last updated 22 days ago

Was this helpful?

"MediationAdapter 250407" 이후 GfpNativeAdView 추가 지원

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

  • 스토리보드에 UIView 생성 후 Custom Class를 "AdPopcornSSPNativeAd" 설정

  • AdPopcornSSPNativeAd 변수 내부에 GfpNativeAdView 를 포함할 수 있도록 임의로 NAMNativeSuperView 라는 UIView 를 생성, 추가해 줍니다. (중요!)

2. xib 파일로 view를 추가

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

3. UI component를 SDK에 매칭

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

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

- (void)viewDidLoad {
    [super viewDidLoad];  
    // Size
    CGFloat width = [UIScreen mainScreen].bounds.size.width;
    CGFloat xibHeight = (width * 185) / 360;
    NSLog(@"width : %f, xibHeight : %f",width, xibHeight);
    CGFloat roundXibHeight = round(xibHeight * 10 )/ 10;
    NSLog(@"width : %f, height : %f",width, roundXibHeight);
    
    // 일반형
    GFPNativeAdView *namNativeAdView =
    [[NSBundle mainBundle] loadNibNamed:@"GFPNativeAdView" owner:nil options:nil].firstObject;
    namNativeAdView.frame = CGRectMake(0, 0, width, roundXibHeight);
    apNAMNativeAdRenderer.namNativeAdView = namNativeAdView;
    
    // 일반형을 담을 SuperView
    apNAMNativeAdRenderer.namNativeSuperView = adNAMNativeSuperView;
    
    [_adPopcornSSPNativeAd setNAMRenderer:apNAMNativeAdRenderer superView:_adNAMNativeSuperView];   // SuperView
}    
    private var namNativeView: GFPNativeAdView = GFPNativeAdView()
    private var adNAMNativeSuperView: UIView = UIView()
    
override func viewDidLoad() 
{
    super.viewDidLoad()
    // 일반형
    namNativeAdView = Bundle.main.loadNibNamed("GFPNativeAdView",
                             owner: nil,
                             options: nil)?.first as? GFPNativeAdView
    apNAMNativeAdRenderer.namNativeAdView = namNativeAdView
    apNAMNativeAdRenderer.namNativeSuperView = adNAMNativeSuperView

    adPopcornSSPNativeAd.setNAMRenderer(apNAMNativeAdRenderer, superView:adNAMNativeSuperView)  // SuperView
}

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

APNAMNativeAdRenderer에 GFPNativeAdView와 superView를 세팅 후, setNAMRenderer:superView:API를 통해 render와 adNAMNativeSuperView 를 sdk에 최종적으로 전달합니다.

(adNAMNativeSuperView 를 render 설정시 넘겨 주면 SDK내부 코드에서 광고에 맞게 nativeAd, NativeSimpIeAd 를 추가하여 제공해줍니다.)

-> 해당 xib 를 커스텀 하여 사용하시면 됩니다 (mediaView, BodyLabel 필수!)

NAM 참조 링크