메인 콘텐츠로 건너뛰기

네이티브 광고 형태 소개

  • 광고 뷰를 SDK가 자체적으로 구현해주는 타 광고 형태와 달리 네이티브 광고 형태는 구성 요소들을 전달받아 앱에서 직접 광고 뷰를 구현합니다.
  • UI/UX 기반으로 레이아웃을 직접 구현하므로써 위화감을 적게 만들 수 있다는 것이 가장 큰 특징입니다. 단, 유저가 광고가 아닌 컨텐츠로써 착각하는 경우를 방지하기 위해 광고 표시와 함께 최소한의 차별성은 부여해야합니다.
Native Example Elements Ko Pn
네이티브 광고 필수 요소 4가지네이티브 광고는 앱 UI에 맞게 자유롭게 디자인할 수 있지만, 아래의 4가지 필수 요소는 반드시 포함해야 합니다. 이는 사용자가 광고임을 명확히 인지하도록 하고, 광고주가 기대하는 최소한의 광고 효과를 보장하기 위한 광고 정책입니다.
  1. 광고 표기 : 사용자가 광고임을 명확히 인지할 수 있도록 광고 영역에 “AD”, “광고” 등의 표기를 추가해 주세요.
  2. AdChoices 아이콘 : AdChoices 아이콘은 사용자가 광고를 식별하고 제어할 수 있도록 제공되는 아이콘으로, 일반적으로 ’ⓘ’ 모양으로 표시됩니다. 해당 아이콘은 DARO SDK에서 자동으로 삽입되므로 별도 구현은 필요하지 않습니다. 광고 뷰의 4개 모서리(좌상단/우상단/우하단/좌하단) 중 한 곳에 배치되며, 기본 위치는 우하단입니다. preferredAdChoicesPosition 옵션으로 원하는 모서리를 선택할 수 있으니 (자세한 내용은 아래 AdChoice 표시 위치 섹션 참고), 해당 위치가 다른 UI 요소와 겹치거나 가려지지 않도록 광고 뷰를 구성해 주세요. 광고 소스(디맨드)에 따라 아이콘의 형태나 동작이 다를 수 있습니다.
  3. 광고 제목 (타이틀) : 광고의 제목을 표시해야 합니다.
  4. 클릭 유도 문안(CTA) : “설치”, “열기”, “다운로드” 등의 CTA(Call to Action) 버튼을 반드시 포함해 주세요. 버튼의 크기나 형태는 자유롭게 구성할 수 있으며, 상황에 따라 텍스트 필드로 대체 가능합니다. 광고 소스(디맨드)에서 CTA 문구를 제공하므로, 특정 문구를 고정할 필요는 없습니다.

광고 단위 설정

대시보드에서 발급받은 ad unit ID를 사용하여 광고 단위를 설정하세요.

네이티브 광고 구현

기본 구현

Swift에서는 DaroAdNativeView를 상속하여 커스텀 뷰를 구현합니다.

네이티브 광고 사용 예제

네이티브 광고를 사용하는 예시입니다.

기본 사용법

Note: 네이티브 광고는 생성 시 자동으로 초기 광고를 로드합니다.

수동 초기 로드 설정

광고의 초기 로드 시점을 직접 제어하려면 autoLoad 파라미터를 사용할 수 있습니다.
autoLoad 파라미터
  • true (기본값): 뷰 생성 시 자동으로 초기 광고 로드
  • false: 수동으로 loadAd() 호출 시 초기 광고 로드
수동 초기 로드는 다음과 같은 경우에 유용합니다:
  • 특정 사용자 액션 후에 광고를 표시하고 싶을 때
  • 화면 전환 시 광고 로드 타이밍을 제어하고 싶을 때
  • 네트워크 상태를 확인한 후 광고를 로드하고 싶을 때
참고: 로드 이후 광고 새로고침은 SDK가 자동으로 관리합니다.

AdChoice 표시 위치

preferredAdChoicesPosition 옵션으로 광고 뷰 내에서 AdChoices 아이콘이 렌더되는 모서리를 지정할 수 있습니다. 지정하지 않으면 우하단(.bottomRight)이 사용됩니다. iOS SDK에서는 Daro / DaroM 모두 동일하게 지원되며, DaroLargeNativeAdContentView, DaroAdLineBannerView 등 모든 네이티브 뷰에 적용할 수 있습니다. 지원 값: topLeft, topRight, bottomLeft, bottomRight.

DaroAdChoicesPosition

  • Objective-C 호환 @objc enum — Swift/Objective-C 양쪽에서 동일 타입으로 사용합니다.
  • 값을 지정하지 않으면 .bottomRight (Objective-C에서는 DaroAdChoicesPositionBottomRight) 가 기본으로 사용됩니다.
DaroAdLineBannerView 등 다른 네이티브 뷰도 동일하게 preferredAdChoicesPosition 파라미터를 지원합니다.
설정 시점 고정preferredAdChoicesPosition은 광고 뷰 생성(init) 시점에 고정되며, 이후 변경할 수 없습니다. 다른 위치로 바꾸려면 뷰를 새로 생성해 주세요.
디맨드별 동작 차이 (선호 위치, 보장 아님)preferredAdChoicesPosition 은 “이 위치에 AdChoices 아이콘을 넣어달라”고 디맨드에 요청하는 값입니다. 하지만 실제로 어디에 표시되는지는 각 디맨드가 결정하기 때문에 요청한 위치가 반드시 반영되지는 않습니다.디맨드마다 반응이 다를 수 있습니다.
  • 요청한 위치 그대로 반영하는 디맨드
  • 요청을 무시하고 자체적으로 고정된 위치에 표시하는 디맨드
  • AdChoices 아이콘 대신 자체 광고 표시(예: 광고 마크) 로 대체하는 디맨드
어느 경우든 광고 관련 컴플라이언스 요건은 충족됩니다.따라서 광고 레이아웃을 디자인할 때는 네 모서리 어디에든 AdChoices/광고 마크가 표시될 수 있다고 가정하고, 각 모서리에 충분한 여백을 확보해두는 것을 권장합니다.

네이티브 템플릿

DARO SDK는 기본적인 네이티브 광고 템플릿을 제공합니다. 이를 통해 커스텀 뷰를 구현하지 않고도 네이티브 광고를 쉽게 구현할 수 있습니다.

라인 배너 템플릿

DaroAdLineBannerView는 가로 형태의 네이티브 광고 템플릿입니다. 다음과 같은 특징을 가집니다:
  • 아이콘, 제목, 광고주 정보를 포함한 기본적인 레이아웃
  • 광고 마크 표시
라인 배너 템플릿 광고 예시
Note: 라인 배너 템플릿도 생성 시 자동으로 초기 광고를 로드합니다.

정렬 옵션

alignment 파라미터를 통해 라인 배너의 콘텐츠 정렬 방향을 설정할 수 있습니다.
라인 배너 좌측 정렬 예시

수동 초기 로드 설정

라인 배너 템플릿도 autoLoad 파라미터를 지원합니다:
템플릿을 사용하면 광고 뷰의 레이아웃을 직접 구현할 필요 없이, SDK에서 제공하는 기본 레이아웃을 사용할 수 있습니다. 필요한 경우 템플릿의 스타일을 커스터마이징할 수 있습니다.

템플릿 설정

DaroLineNativeAdConfiguration을 통해 템플릿의 스타일을 커스터마이징할 수 있습니다