개발하기

광고는 수익을 만드는 수단이에요.
하지만 사용자 경험을 해치면 오히려 이탈이 늘어날 수 있어요.
정책을 지키면서 자연스럽게 노출하는 것이 가장 중요해요.

인앱 광고 2.0 ver2 (통합 SDK)

인앱 광고 2.0 ver2는 토스 애즈(Toss Ads) 와 구글 애드몹(Google AdMob) 을 통합한 광고 솔루션이에요.
환경에 따라 가장 적합한 광고를 자동으로 선택해 노출해요.

기본적으로 Toss Ads를 먼저 시도해요.
Toss Ads를 지원하지 않는 환경이면 AdMob으로 자동 전환해요.
이 구조로 광고 노출 성공률을 높이고 수익을 안정적으로 유지해요.

즉, 파트너사는 하나의 SDK만 연동하면 되고, 어떤 광고 네트워크를 쓸지는 SDK가 결정해요.

광고 정책

토스 애즈 SSP 정책

아래 정책을 반드시 지켜주세요. 위반할 경우 광고 노출이 제한될 수 있어요.

유형	금지 행위	구체적 예시
UI 조작	광고·콘텐츠 구분이 불명확하거나 사용자를 오인시키는 배너 변경	“추천 서비스”, “금융 팁” 등으로 광고를 위장, CTA 문구 임의 변경	광고는 반드시 “ad” 표기 유지, 광고 타이틀·라벨 임의 수정 금지
광고 로직 변조	SDK 기본 클릭·노출 로직 수정, 자동 리프레시·리디렉션 추가	web-public에서 광고 클릭 시 별도 페이지로 강제 이동 , Back 버튼 차단 / Dead-end 구조 / ATF 첫 화면 광고	SDK 기본 이벤트(Click / Impression) 구조 변조 금지. SDK 외부 API 호출 불가
자동화 트래픽	자동 클릭·자동 새로고침 등 비정상 노출 유도	광고 영역을 주기적 refresh 처리, Back 버튼 차단 / Dead-end 구조 / ATF 첫 화면 광고	트래픽 조작 감지 시 SSP 로그 차단 + 정산 보류
광고 디자인 임의 수정	광고 색상, 배치, CTA, 크기 등 임의 변경	Toss Ads 가이드 외 광고 단위의 색상·글꼴 변경	모든 광고 UI는 web-base 표준 컴포넌트 사용 필수
보상·참여형 클릭	클릭 시 리워드·이벤트 제공 문구 추가	“광고 클릭 시 포인트 지급” / “참여하면 혜택”	클릭 보상성 문구·이벤트 연동 금지
광고 은닉 또는 겹침	다른 요소 위에 배너를 덮거나 숨김	다른 카드 UI 뒤에 광고 DOM 삽입	광고는 노출 상태가 명확히 확인 가능해야 함

UX / Product Principle 운영 원칙

광고도 토스의 UX 원칙을 따라야 해요.

Toss Principle	적용 기준	예시
Simplicity	광고는 명료해야 하며, 추가 설명 없이 의미를 이해할 수 있어야 함	“지금 보기”, “광고 보기” 등 명확 CTA 사용
Clear Action	광고 클릭 후 어떤 행동이 발생할지 사용자가 예측 가능해야 함	리디렉션·새창 이동 시 고지 문구 노출
No Deception (UX Red Rule)	광고가 예상치 못한 순간, 형태, 위치에서 등장하지 않아야 함	서비스 진입 직후 전면 배너 금지
Value First	광고는 고객의 서비스 목표를 방해하지 않아야 함	결제/계좌 개설 흐름 중 광고 삽입 금지

광고 유형

서비스 구조와 사용자 흐름에 맞는 광고 유형을 선택해 주세요.

1. 전면형 광고와 리워드 광고

미리 광고를 로드해 두었다가 필요한 시점에 바로 노출해요.

특정 행동 이후 전환 지점에서 노출하기 좋아요.
리워드 광고는 사용자가 자발적으로 선택할 때 사용해요.

자세한 연동 방법은 인앱 광고 2.0 ver2 (전면형/리워드 광고) 문서를 참고하세요.

2. 배너 광고

화면 일부 영역에 고정으로 노출해요.

콘텐츠 하단이나 리스트 중간에 자연스럽게 배치해요.
스크롤을 방해하지 않도록 높이를 충분히 고려해요.

플랫폼에 따라 문서를 참고하세요.

WebView 개발 방법은 인앱 광고 2.0 ver2 (배너 광고 - WebView) 문서를 참고하세요.
React Native 개발 방법은 인앱 광고 2.0 ver2 (배너 광고 - React Native) 문서를 참고하세요.

배너 광고 UI 가이드

리스트형 배너

리스트형 배너 광고는 두 가지 방식으로 사용할 수 있어요.

방식	설명	컨테이너 높이
고정형	컨테이너 높이를 고정하여 사용
(ex: 화면 하단 고정 배너 광고)	`96px` 권장
인라인	광고 콘텐츠에 따라 높이가 자동 조절됨
(ex: 게시판의 게시물 목록 사이의 배너 광고)	지정하지 않음

스타일 옵션

attachBanner의 옵션을 통해 배너의 스타일을 커스터마이즈할 수 있어요.

theme (테마)

값	설명
`auto` (기본값)	시스템 다크모드 설정에 따라 자동 전환
`light`	밝은 테마 고정
`dark`	어두운 테마 고정

tone (배경 색상)

값	설명
`blackAndWhite` (기본값)	• 흰색(light) 또는 검정색(dark) 광고 배경 • SDK가 서빙되는 화면의 색이 있을 때 추천
`grey`	• 회색 계열 광고 배경 • SDK가 서빙되는 화면의 색이 없을 때 추천

variant (배너 형태)

값	설명
`expanded` (기본값)	전체 너비로 확장된 형태
`card`	둥근 모서리의 카드 형태

광고 영역 크기 가이드

width는 항상 화면 너비와 동일해야 해요 (100% 또는 뷰포트 전체 너비)
고정형으로 사용할 경우 height: 96px를 권장해요
인라인으로 사용할 경우 height를 고정하지 않아야 콘텐츠에 맞게 자동 조절돼요

광고 적용 화면 & 삽입 위치

메인 화면, 상세 화면 등 원하는 화면 어디든 붙일 수 있어요
튜토리얼/로딩/컷신/시스템팝업/권한요청 모달 같이 일시적으로 뜨는 화면에는 지양해주세요

광고 삽입 위치

게임형 서비스

상단 / 하단 중 골라서 붙일 수 있어요
화면 중앙에는 붙일 수 없어요
상호작용이 가능한 UI 컴포넌트가 없는 빈 영역만 가능해요.(게임의 주요 UI와 겹치는 영역은 광고를 붙일 수 없어요)

이 외

상단 / 중앙 / 하단 중 골라서 붙일 수 있어요
상호작용이 가능한 UI 컴포넌트가 없는 빈 영역만 가능해요(서비스의 주요 UI와 겹치는 영역은 광고를 붙일 수 없어요)
위 아래의 ui 영역을 충분히 확보해주세요

광고 주변 최소 여백

게임형 서비스

상단 : 네비게이션(status) bar 아래, 패딩 4px
하단 : 인디게이터(네비게이션) bar 바로 위, 패딩 4px

이 외

없음