광고 배너 구현했는데 공백 상태입니다

개발
1

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

질문 / 문제 해결

내용을 설명해주세요

개발 관련 md 파일 모두 확인하여 광고 배너를 구현하고, 실제 배포까지 완료했습니다. 토스 내에서도 실제로 잘 구현되었는데, 광고 배너 영역만 텅 비어 있습니다. 자리는 차지하고 있구요. 무엇이 문제일까요?

appName (선택)

just-decide

이미지 첨부

Screenshot_20260428_160320_Toss.jpg
Screenshot_20260428_160320_Toss.jpg1080×2123 95.7 KB

2

컨테이너 만드셨을거고, 배너 생성시 해당 컨테이너로 연결하셨나요?

3

안녕하세요 :slight_smile:
더불어 adGroupId 도 넣어주셨는지요 ?!

4

네 맞습니다! 코드 상으로는 문제가 없습니다.

5

네! 코드 상으로는 문제가 없습니다.

6

호출 자체가 들어오고 있지 않은 것 같습니다.
코드 공유해주시면 확인해보겠습니다.

7

컨테이너 세팅하시는거 어떻게 하셨나요? 로그찍었을때 잘 나오나요?

8

메시지 한번 확인부탁드립니다. 제 개발환경은 web-view환경이고 container는 웹상에서 만드셔야할거예요

10

// ── 광고 초기화 ──
function initAds() {
if (!window.TossAds) return; // ← 여기서 막힘?
if (!TossAds.initialize.isSupported()) {
console.warn(‘[TossAds] 지원하지 않는 환경’);
return;
}

TossAds.initialize({
callbacks: {
onInitialized: function() {
var homeEl = document.getElementById(‘ad-home-list’);
if (homeEl) {
TossAds.attachBanner(‘삭제’, homeEl, {
theme: ‘light’,
tone: ‘grey’,
variant: ‘expanded’,
callbacks: {
onNoFill: function() { homeEl.style.display = ‘none’; },
onAdFailedToRender: function() { homeEl.style.display = ‘none’; },
},
});
}

    var resultEl = document.getElementById('ad-result-feed');
    if (resultEl) {
      TossAds.attachBanner('삭제', resultEl, {
        theme: 'light',
        tone: 'blackAndWhite',
        variant: 'expanded',
        callbacks: {
          onNoFill: function() { resultEl.style.display = 'none'; },
          onAdFailedToRender: function() { resultEl.style.display = 'none'; },
        },
      });
    }
  },
  onInitializationFailed: function(error) {
    console.warn('[TossAds] 초기화 실패:', error);
  },
},

});
}

공유드립니다!

11

attachBanner에 ‘삭제’ 구간에는 adGroupId를 넣어주신거죠 ?

12

ad-result-feed 컨테이너 만드셨나요?

index.html 쪽에

  <div id="ad-result-feed"
    style="display:none;width:100%;height:50px;position:fixed;left:0;bottom:0;z-index:5000;pointer-events:auto;background-color:#ffffff;">
  </div>

이런식으로 배너용 컨테이너 만드셨는지가 궁금하네요

13

맞습니다! 여기에 올리면서 삭제했습니다 ㅎㅎ