제 블로그 홈을 보면 최상단은 세로 크기가 작고 최하단은 세로 크기가 커요. 원래는 최상단도 하단처럼 큼직한 광고를 달았는데 뭔가 광고로 도배된 느낌이 들어 세로 크기를 줄였습니다. 처음엔 광고가 눈에 확 들어와야지~ 하고 했는데 대부분 본문을 보러 오시니 홈 화면의 광고는 있어도 그만 없어도 그만인걸 알고 좀 작게 조절했어요.
아시겠지만 얼마전부터 광고 태그가 약간 수정됐습니다. 이에 관한 이야기는 다음 글을 참고해주세요.
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"
/ 자동 반응형을 가로 모양 반응형으로.
광고가 너무 많아도 별로지만 너무 커도 별로네요. 사랑스러운 눈으로 봐도 극혐인데 다른 이의 눈에는 더 극혐이겠지요.