애드센스 광고 크기 조절 해보자

제 블로그 홈을 보면 최상단은 세로 크기가 작고 최하단은 세로 크기가 커요. 원래는 최상단도 하단처럼 큼직한 광고를 달았는데 뭔가 광고로 도배된 느낌이 들어 세로 크기를 줄였습니다. 처음엔 광고가 눈에 확 들어와야지~ 하고 했는데 대부분 본문을 보러 오시니 홈 화면의 광고는 있어도 그만 없어도 그만인걸 알고 좀 작게 조절했어요.

 

 

아시겠지만 얼마전부터 광고 태그가 약간 수정됐습니다. 이에 관한 이야기는 다음 글을 참고해주세요.

 

2019/10/08 - [블로그 T.I.P/· 애드센스] - 새롭게 추가된 애드센스 광고 태그 data-full-width-responsive="true"

2019/11/13 - [블로그 T.I.P/· 애드센스] - 애드센스 광고 모양 지정

 

위 두글을 참고하시면 아주 쉽게 조절할 수 있습니다.

 

▲ 이렇게 큰 광고는 광고 코드를 그대로 쓰면 됩니다.

 

 

▲ 요로코롬 세로 사이즈를 줄이려면

 

 

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 최상단 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234"
     data-ad-slot="5678"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

▲ 원본 코드.

 

 

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- 최상단 -->
<ins class="adsbygoogle"
     style="display:block; height: 90px;"
     data-ad-client="ca-pub-1234"
     data-ad-slot="5678"
     data-ad-format="horizontal"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

▲ 이렇게 수정해주면 됩니다.

 

수정된 내용은

 

style="display:block;" >>> style="display:block; height: 90px;"

 / 세로 길이를 추가합니다. 90px
data-ad-format="auto" >>> data-ad-format="horizontal"

/ 자동 반응형을 가로 모양 반응형으로.

 

광고가 너무 많아도 별로지만 너무 커도 별로네요. 사랑스러운 눈으로 봐도 극혐인데 다른 이의 눈에는 더 극혐이겠지요.