WebView에서 전면광고(Interstitial Ad)가 표시되지 않습니다

개발
1

이 글의 성격은 무엇인가요?

질문 / 문제 해결

내용을 설명해주세요

WebView 기반 앱인토스 미니앱을 운영중인데,
배너광고는 정상 작동하지만 전면광고는 표시되지 않습니다.

개발 환경
플랫폼: WebView (HTML + JavaScript)
프레임워크: @apps-in-toss/web-framework
배포 상태: 앱인토스에 앱출시로 올려서 테스트

현재 상황
:white_check_mark: 배너광고 (정상 작동)
javascriptimport { TossAds } from ‘@apps-in-toss/web-framework’;

TossAds.initialize({…});
TossAds.attachBanner(adGroupId, adContainer, {…});

결과: 화면에 배너광고가 정상적으로 표시됨

:cross_mark: 전면광고 (작동 안 함)
javascriptimport { GoogleAdMob } from ‘@apps-in-toss/web-framework’;

GoogleAdMob.loadAppsInTossAdMob({
options: { adGroupId: ‘aitv2.live.d6ce5a845cd44850’ },
onEvent: (event) => {
if (event.type === ‘loaded’) { /* 로드 완료 */ }
}
});

GoogleAdMob.showAppsInTossAdMob({
options: { adGroupId: ‘aitv2.live.d6ce5a845cd44850’ },
onEvent: (event) => {
if (event.type === ‘dismissed’) { /* 광고 닫힘 */ }
}
});

결과: 로그상 loaded 이벤트는 발생하나, 화면에 광고가 표시되지 않음

광고 그룹 정보
항목정보배너 광고 IDaitv2.live.1519086b386c4461전면 광고 IDaitv2.live.d6ce5a845cd44850전면 광고 타입전면 광고 :white_check_mark: (앱인토스 대시보드 확인)상태활성화

시도한 해결 방법
:one: 가이드 정확히 따라 구현
공식 가이드: showAppsInTossAdMob
예제 코드(JavaScript) 그대로 적용
결과: 여전히 광고 미표시

:two: 라이프사이클 조정
javascript// 페이지 로드 시 미리 로드
window.addEventListener(‘load’, () => {
setTimeout(() => {
GoogleAdMob.loadAppsInTossAdMob({…});
}, 1500);
});

// 사용자 액션 후 표시
await GoogleAdMob.showAppsInTossAdMob({…});

결과: 동일하게 미작동

:three: isSupported() 체크
javascriptif (GoogleAdMob?.showAppsInTossAdMob?.isSupported?.()) {
// 코드 실행
}

결과: 지원함수는 true를 반환하지만 광고는 표시 안 됨

:four: 이벤트 로깅
콘솔에 다음 이벤트 로그 기록:

:white_check_mark: loaded 이벤트 정상 발생
:white_check_mark: requested 이벤트 정상 발생
:cross_mark: show 이벤트 발생 안 됨
:cross_mark: impression 이벤트 발생 안 됨

:five: 배너 + 전면 동시 사용 여부 확인

배너를 제거하고 전면만 사용: 동일하게 미작동
배너와 함께 사용: 동일하게 미작동

예상 원인들

WebView 환경의 특수성?

React Native는 지원하는데 WebView는 다른 구현이 필요한 건 아닌지?

광고 ID 문제?

대시보드상 "전면 광고"로 표시되지만 실제로는 배너 ID인 건 아닌지?
또는 ID 자체의 문제?

SDK 버전 호환성?

토스앱 버전에 따른 호환성 문제?

이벤트 발생 이후 처리 문제?

show 이벤트가 발생하지 않는 것이 근본 원인?

추가 정보

배너광고는 정상 작동: 같은 앱인토스 SDK를 사용하는데 배너만 작동
콘솔 오류: 없음 (정상적으로 API 호출됨)
테스트 환경: 토스앱 프로덕션 환경에서만 광고 테스트 가능 (브라우저 프리뷰 불가)

문의

WebView 환경에서 전면광고 사용 시 특별한 설정이 필요한가요?
배너광고는 작동하는데 전면광고만 미작동하는 경우가 있나요?
다른 WebView 앱에서도 같은 문제가 발생하는 경우가 있나요?

기존에 배너광고를 적용해서 운영되고 있었고,
전면광고도 추가하려는데 아무리 해도..AI의 도움을 받아도 안되네요 ㅠㅠ

2

샌드박스 앱에선 전면형/리워드형 광고가 표시되지 않으니 QR 환경에서 테스트해보세요.
또한 loadAppsInTossAdMob은 IAA 2.0의 함수로 지원 종료 위험성이 있으니 대신 IAA 2.0 ver2를 사용해보세요.

3

QR로 했는데 그렇습니다 ㅠ기존에 있던 배너는 잘나오는데 추가한 전면만 안나오네요

배너광고: 정상 작동 :white_check_mark:

import { TossAds } from ‘@apps-in-toss/web-framework’;

TossAds.attachBanner(adGroupId, adContainer, {…});

// → 화면에 배너광고가 정상 표시됨

전면광고: 미작동 :cross_mark:

import { loadFullScreenAd, showFullScreenAd } from ‘@apps-in-toss/web-framework’;

// 1. 로드

loadFullScreenAd({

options: { adGroupId: 'ait.v2.live.d6ce5a845cd44850' },

onEvent: (event) => {

    if (event.type === 'loaded') { 

        console.log('로드 완료');

    }

}

});

// 2. 표시

showFullScreenAd({

options: { adGroupId: 'ait.v2.live.d6ce5a845cd44850' },

onEvent: (event) => {

    console.log('Event:', event.type);

    // loaded, requested 이벤트는 발생하지만

    // show 이벤트는 발생하지 않음

}

});

콘솔상 이벤트는 정상이지만 화면에 광고가 표시되지 않네요 ㅠㅠ

4

showFullScreenAd가 버튼 클릭 등 사용자 액션을 통해 호출되는지 확인해보세요.
전면형 광고는 로드 완료 이후 showFullScreenAd를 명시적으로 호출해야 정상적으로 노출됩니다.
혹시 loadFullScreenAd만 호출된 상태는 아닌지 함께 점검해보세요.

만약 showFullScreenAd가 정상적으로 호출된 상태임에도 광고가 표시되지 않는다면
광고 그룹 ID가 전면형이 아닌 리워드형일 가능성이 있으니 해당 부분도 점검해보세요.

5

일단 전면광고 ID는 확실히 맞네요.

혹시 React Native가 아닌 WebView에서 전면광고를 사용할 수 없나요?"

6

웹뷰에서도 전면형/리워드 모두 정상적으로 사용할 수 있습니다.
리액트로 개발중이시라면 예제 그대로 다시 코드 작성해보세요.

7

비개발자라서 웹뷰로 해보는데..

이젠 클로드도 자긴 못하겠다고 포기하네요 ㅠㅠㅠㅋㅋㅋㅋ

배너광고는 잘나오는데 왜 전면만 안나올까요 ㅠ