• 다크모드 ↔ 라이트모드 변경 방법 일주일 동안 열지 않기

블로그/웹사이트

홈페이지, 블로그 꾸미기 팁 정보 게시판입니다.
  • 목록
  • 아래로
  • 위로
  • 댓글 0개
  • 검색
  • 라이트모드

애드센스 TagError adsbygoogle.push() error: No slot size for availableWidth=0 해결

이윰
165 1 0

ads-error-min.png.jpg아래처럼 반응형 코드를 짰는데 개발자 도구로 확인했을 때 태그 오류가 생겨서 여러 가지 방법을 시도해 보았습니다.
오류가 발생하는 상황은 각자 다를 수 있으니 아래 방법들을 시도해 보고 맞는 방법을 찾아보세요!

<style>
.example { width: 320px; height: 100px; }
@media(min-width: 500px) { .example { width: 468px; height: 60px; } }
@media(min-width: 800px) { .example { width: 728px; height: 90px; } }
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- example -->
<ins class="adsbygoogle example"
     style="display:inline-block"
     data-ad-client="ca-pub-XXXXXXXXXXXXX"
     data-ad-slot="XXXXXXX"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

 

시도한 방법

* <ins> 태그를 감싸고 있는 <div>의 가로. 세로 수치를 정하고  <ins> 태그 안에 아래처럼 스타일 추가

style="display:inline-block;width:100%;"

<ins> 최소 가로 세로 길이 정하기

.example {
    min-width: 320px;
    min-height: 100px;
}

* (adsbygoogle = window.adsbygoogle || []).push({}); 부분을 아래와 같이 변경.

window.onload = function() {
    (adsbygoogle = window.adsbygoogle || []).push({});
}

또는,  jQuery를 사용하면..

$(document).ready(function(){
    (adsbygoogle = window.adsbygoogle || []).push({});
});

* 숨긴 코드가 있는지 확인. CSS에서 display:none; 되어 있는지 확인하기

 

해결

필자의 사이트 같은 경우 코드 자체는 반응형이지만, 코드 두 개 중 하나가 사용기기에 따라 숨김 처리가 된 것이 원인이였습니다. 
본문에 광고를 삽입할 수 있는 애드온을 사용하고 있는데 모바일과 PC 둘 다 사용 설정으로 할 경우 모바일에서는 PC의 코드가, PC에서는 모바일의 코드가 CSS에서 display:none;되어서 코드는 두 개가 삽입된 것으로 인식되고 한 개의 코드가 숨김 처리가 되었던 것이죠. CSS에서 display:none;을 삭제하고 모바일과 PC에 각각 다르게 나올 수 있도록 코드를 작성하여 해결했습니다.
애드센스 정책상 반응형 코드를 화면 크기에 따라 크기 및 노출 여부를 설정할 수 있는 것 이외에 숨기기 하는 것은 허용하지 않고 있어요. 장시간 방치할 경우 제재를 받을 수 있기 때문에 해결하는 것을 권장합니다.

신고공유스크랩

댓글 0

댓글 쓰기
권한이 없습니다. 로그인

신고

"님의 댓글"

이 댓글을 신고하시겠습니까?

댓글 삭제

"님의 댓글"

이 댓글을 삭제하시겠습니까?

공유

퍼머링크
제목 최종 글 조회 수
0
normal
  14
0
normal
  13
0
normal
  17
+1
image
  142
+1
image
  165
+1
normal
  172
+1
image
  174
+1
image
  146
0
normal
  131
0
normal
  167
+1
normal
  218
+1
normal
  150
+1
normal
  177
+1
image
  169
+1
normal
  189
+1
normal
  176
+1
normal
  169
+2
image
  240
0
normal
  326
+2
image
  151