본 가이드 문서는 애드팝콘 SSP만을 사용하여 네이티브 광고의 레이아웃을 구성할 경우에 필요한 가이드입니다. 네이티브 미디에이션 광고의 레이아웃 구성은 [네이티브 광고 미디에이션 레이아웃 가이드] 문서를 참고하시기 바랍니다.

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

AdPopcornSSPNativeAd View 안에 사용하고자 하는 UI component를 아래 샘플과 같이 추가합니다.

1.png

  1. AdPopcornSSPNativeAd 영역 안에 실제 광고 영역 추가.

AdPopcornSSP의 경우 v2.4.6 버전부터 직접 설정 이외에 템플릿 기능도 추가되었습니다.

이에 직접 설정 혹은 템플릿 사용 방식 중 하나를 선택해 사용하시기 바랍니다. 단, 템플릿 설정 시, 애드팝콘 사업팀에 사용 문의를 먼저 해주시기 바랍니다.

직접 생성

아래 스크린샷과 같이 native 영역 및 title, description, icon, main image, cta 영역까지 모두 수동으로 설정하여 영역을 지정해 주신 뒤, outlet 연결 진행해 주어야 합니다.

템플릿 사용

템플릿 사용 시에는 직접 생성과 다르게 title, description, icon, main image, cta ui component를 생성할 필요 없이 apSSPNativeAdView까지만 생성해서 영역을 설정해 주시면 됩니다.

1.png

  1. 1번, 2번 과정에서 생성한 UI component를 view controller에 outlet 연결

1.png