인앱광고 배너

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

질문 / 문제 해결

내용을 설명해주세요

문제:
Apps in Toss 미니앱에서 배너 광고가 표시되지 않습니다.
리워드형 광고는 동작하는데, 배너 광고만 노출되지 않습니다.

개발환경:

  • WebView 기반 앱입니다.
  • React + Vite 사용 중입니다.
  • @apps-in-toss/web-framework 사용 중입니다.
  • granite.config.ts의 webViewProps.type은 "partner"입니다.
  • React Native 직접 개발 앱은 아니고, Apps in Toss Web Framework로 빌드한 AIT 앱입니다.

사용 중인 SDK / 패키지 버전:

  • @apps-in-toss/web-framework: 2.6.0
  • @apps-in-toss/web-bridge: 2.6.0
  • @apps-in-toss/plugins: 2.6.0
  • @toss/tds-mobile: ^2.3.0
  • @toss/tds-mobile-ait: ^2.3.0
  • React: ^18.3.1
  • Vite: ^6.2.0

테스트 환경:

  • Apps in Toss 테스트 배포 후 intoss-private:// 링크로 토스 앱에서 확인 중입니다.
  • 실제 런칭 환경은 아직 아닙니다.
  • 샌드박스/QR 테스트가 아니라, 콘솔에서 올린 AIT 테스트 링크로 확인 중입니다.
  • 최신 빌드 deploymentId: 019edee4-5426-7949-9c3e-ab8afe6d4704

광고 ID:

  • 배너 광고 ID: ait.v2.live.8562ded5b4704464
  • 리워드 광고 ID: ait.v2.live.40f156d3ff434b06

현재 구현 방식:

  • 앱 내부에 id="ad-result-feed"인 배너 슬롯을 만들었습니다.
  • index.html에서 window.TossAds가 있으면 TossAds.initialize 후 TossAds.attachBanner(adGroupId, container, …) 호출하도록 구현했습니다.
  • 배너 슬롯 자체는 화면에 보이도록 CSS로 min-height 50px를 줬습니다.

궁금한 점:

  1. Apps in Toss WebView/Web Framework 환경에서 배너 광고를 붙이는 공식 API가 window.TossAds.attachBanner 방식이 맞나요?
  2. 테스트 배포/intoss-private 링크 환경에서는 배너 광고가 노출되지 않을 수 있나요?
  3. 배너 광고가 리워드 광고와 다르게 별도 승인/런칭 이후에만 노출되는 조건이 있나요?
  4. 현재 SDK 2.6.0에서 배너 광고를 붙이는 권장 예시 코드가 있을까요?

appName (선택)

affirmations

안녕하세요 :slight_smile:
@apps-in-toss/web-framework 에서 TossAds 를 Import 하여 사용해주셨는지요 ?!
관련 가이드를 전달드립니다!