애드센스 광고 잘림 현상 해결

애드센스 반응형 광고 잘림 현상

 

설명하는 증상은 기본 스킨인 반응형 #1을 사용하면서 겪었던 일이다.

블로그 상하단에 배치하는 광고는 티스토리에서 제공하는 애드센스 플러그인을 사용하고 본문 중간에도 애드센스 광고를 넣기 위해 html편집을 이용해 적절한 위치에 반응형 코드를 삽입했다.

그런데.. 코드를 적용하고 보니 본문 중간에 들어가는 광고의 테두리 일부가 아래와 같이 잘려서 노출이 된다.  

 

PC버전에서는 정상적으로 출력이 되나 모바일 버전에서는 336*280사이즈로 중앙 정렬되어 나와야 하는 광고가 대부분 저렇게 잘려서 나오니 애드센스 정책 위반에도 해당될 것 같기에 서둘러 해결책을 알아보았다.

그러나 비슷한 사례가 많지 않아 방법을 찾기가 쉽지 않았고.. 혹시 코드 중에 사이즈와 관련된 문구를 바꿔보면 어떨까 싶어 찾아보던 중

width(폭, 너비)를 찾았고 폭을 가득(full) 채우는 명령어가 true(참)로 되어있으니.. 저걸 false(거짓)로 바꿔보면 어떨까 싶어서 값을 true에서 false로 변경하고 저장했다.

그랬더니.. 광고가 잘리던 증상이 바로 해결됐다!

이유를 알아보니 기존에는 광고 단위 추가에서 반응형 코드를 생성하면

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-클라이언트값"
     data-ad-slot="슬롯값"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

이런 형식으로 만들어 졌었는데, 최근에는 반응형 광고를 새로 만들면 코드 사이에

data-full-width-responsive="true"

이 코드가 자동으로 추가되어 생성되고 있었다. 해당 코드는 최근 애드센스 내 추천 탭에서도 제안되고 있다.

내가 겪었던 이러한 증상이 블로그 스킨의 문제인지, 또는 티스토리나 구글의 문제인지는 모르겠다.

어쨌든 나같은 초보 블로거들 중 이유 모를 광고 잘림 현상이 생긴다면 당황하지 말고 간단한 코드 변경으로 문제 해결에 도움이 되면 좋겠다.