애드센스 광고 cls 개선 거리 조절 방법

애드센스 광고의 경우 보통 본문 위 광고를 많이 쓰고 수익도 가장 많이 나오는 위치이다.

근데 문제는 이 본문위 광고가 cls값을 나쁘게 만드는데 이를 개선하는 방법을 알아보자.

 

 

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

보통 애드센스 코드가 저런데 저렇게 저기 style 부분 display block다음에 ;height:300px; 값을 추가하자

;height:310px; 값을 추가해도 된다

그러면 cls값이 개선된걸 볼 수 있다.

 

개선 전

개선 후

 

티스토리 연동 기능으로 본문상단 광고를 쓴다면 밑의 글을 참고하자

 

티스토리 구글 seo 최적화 cls 값 개선 방법

 

그다음은 광고와 본문 사이의 간격의 문제인데

애드센스 본문 위 광고의 경우 반응형으로 넣을 경우 본문 글하고 너무 가까워져 가독성이 떨어지는 문제가 있다.

 

이렇게 윗 광고하고 본문 글 사이가 너무 좁아 가독성이 떨어진다. 

이때 수정할 방법은 간단히

 

<script async src="https://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"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script><br>

저렇게 스크립트 마지막 뒤에 <br>만 붙이면 해결된다.

 

 

붙이고 나면 이렇게 광고에서 한 줄 띄워져서 본문이 나오게 된다.