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

**URL:** <https://techchat-apps-in-toss.toss.im/t/topic/3669>\
**Category:** 개발\
**Created:** [4월 28, 2026, 7:12오전 UTC](https://techchat-apps-in-toss.toss.im/t/topic/3669 "2026-04-28T07:12:14Z")\
**Posts on this page:** 12\
**Page:** 1

<div class="post-metadata">

**Author:** ![minzzok](https://avatars.discourse-cdn.com/v4/letter/m/b19c9b/32.png) [@minzzok](https://techchat-apps-in-toss.toss.im/u/minzzok)\
**Post date:** [4월 28, 2026, 7:12오전 UTC](https://techchat-apps-in-toss.toss.im/t/topic/3669/1 "2026-04-28T07:12:14Z")

</div>

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

질문 / 문제 해결

### 내용을 설명해주세요

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

### appName (선택)

just-decide

### 이미지 첨부

 ![Screenshot_20260428_160320_Toss.jpg](https://canada1.discourse-cdn.com/flex007/uploads/toss/original/2X/0/003beb1d7084941d3ff5e3b743aa36c6b5a64d83.jpeg)

---

<div class="post-metadata">

**Author:** ![levine](https://avatars.discourse-cdn.com/v4/letter/l/c77e96/32.png) [@levine](https://techchat-apps-in-toss.toss.im/u/levine)\
**Post date:** [4월 28, 2026, 7:14오전 UTC](https://techchat-apps-in-toss.toss.im/t/topic/3669/2 "2026-04-28T07:14:59Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Dylan](https://yyz1.discourse-cdn.com/flex007/user_avatar/techchat-apps-in-toss.toss.im/dylan/32/597_2.png) [@Dylan](https://techchat-apps-in-toss.toss.im/u/Dylan)\
**Post date:** [4월 28, 2026, 7:29오전 UTC](https://techchat-apps-in-toss.toss.im/t/topic/3669/3 "2026-04-28T07:29:03Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![minzzok](https://avatars.discourse-cdn.com/v4/letter/m/b19c9b/32.png) [@minzzok](https://techchat-apps-in-toss.toss.im/u/minzzok)\
**Post date:** [4월 28, 2026, 7:38오전 UTC](https://techchat-apps-in-toss.toss.im/t/topic/3669/4 "2026-04-28T07:38:29Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![minzzok](https://avatars.discourse-cdn.com/v4/letter/m/b19c9b/32.png) [@minzzok](https://techchat-apps-in-toss.toss.im/u/minzzok)\
**Post date:** [4월 28, 2026, 7:39오전 UTC](https://techchat-apps-in-toss.toss.im/t/topic/3669/5 "2026-04-28T07:39:04Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![Dylan](https://yyz1.discourse-cdn.com/flex007/user_avatar/techchat-apps-in-toss.toss.im/dylan/32/597_2.png) [@Dylan](https://techchat-apps-in-toss.toss.im/u/Dylan)\
**Post date:** [4월 28, 2026, 7:40오전 UTC](https://techchat-apps-in-toss.toss.im/t/topic/3669/6 "2026-04-28T07:40:32Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![levine](https://avatars.discourse-cdn.com/v4/letter/l/c77e96/32.png) [@levine](https://techchat-apps-in-toss.toss.im/u/levine)\
**Post date:** [4월 28, 2026, 7:40오전 UTC](https://techchat-apps-in-toss.toss.im/t/topic/3669/7 "2026-04-28T07:40:37Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![levine](https://avatars.discourse-cdn.com/v4/letter/l/c77e96/32.png) [@levine](https://techchat-apps-in-toss.toss.im/u/levine)\
**Post date:** [4월 28, 2026, 7:44오전 UTC](https://techchat-apps-in-toss.toss.im/t/topic/3669/8 "2026-04-28T07:44:16Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![minzzok](https://avatars.discourse-cdn.com/v4/letter/m/b19c9b/32.png) [@minzzok](https://techchat-apps-in-toss.toss.im/u/minzzok)\
**Post date:** [4월 28, 2026, 2:08오후 UTC](https://techchat-apps-in-toss.toss.im/t/topic/3669/10 "2026-04-28T14:08:29Z")

</div>

// ── 광고 초기화 ──  
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’; },  
},  
});  
}

```auto
    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);
  },
},

```

});  
}

공유드립니다!

---

<div class="post-metadata">

**Author:** ![Dylan](https://yyz1.discourse-cdn.com/flex007/user_avatar/techchat-apps-in-toss.toss.im/dylan/32/597_2.png) [@Dylan](https://techchat-apps-in-toss.toss.im/u/Dylan)\
**Post date:** [4월 29, 2026, 3:00오전 UTC](https://techchat-apps-in-toss.toss.im/t/topic/3669/11 "2026-04-29T03:00:21Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![levine](https://avatars.discourse-cdn.com/v4/letter/l/c77e96/32.png) [@levine](https://techchat-apps-in-toss.toss.im/u/levine)\
**Post date:** [4월 29, 2026, 3:01오전 UTC](https://techchat-apps-in-toss.toss.im/t/topic/3669/12 "2026-04-29T03:01:58Z")

</div>

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

index.html 쪽에

```auto
  <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>

```

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

---

<div class="post-metadata">

**Author:** ![minzzok](https://avatars.discourse-cdn.com/v4/letter/m/b19c9b/32.png) [@minzzok](https://techchat-apps-in-toss.toss.im/u/minzzok)\
**Post date:** [4월 29, 2026, 2:58오후 UTC](https://techchat-apps-in-toss.toss.im/t/topic/3669/13 "2026-04-29T14:58:52Z")

</div>

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