CLS 낮은 구글 애드센스 반응형 광고 코드

 

 

기껏 반응형 광고 달아놓고도 구글 검색의 CLS값 때문에 반응형 광고의 코드를 수정해서 광고의 높이를 고정해서 사용하는 경우가 있다. 나는 접속자의 화면의 뷰 포인트 높이에 따라서 전체 화면 높이의 일정한 비율의 높이의 광고가 유지되도록 코드를 편집했다.

이 코드로 두 달 가까이 썼는데 구글에서 뭐라하지도 않는 걸 보니 이 정도 코드 수정은 문제가 없는 듯 하다.

 

height를 vh로 지정해서

작은 화면(뷰포인트 높이 540px이하)는 뷰포인트의 20%가 상단 광고로 나오게

대부분의 데스크탑 접속(뷰포인트 높이 720px이상)은 뷰포인트의 33%가 상단 광고로 나오게 지정

 

 

	<!-- 본문상단 반응형 광고-->
<style type="text/css">
 .adsense_top_response_1 { min-width:320px;max-width:1240px;width:100%;height:20vh;max-height:120px }
@media(min-height:540px) { .adsense_top_response_1 { min-width:320px;max-width:1240px;width:100%;height:25vh;max-height:180px } }
@media(min-height:720px) { .adsense_top_response_1 { min-width:320px;max-width:1240px;width:100%;height:33vh;max-height:400px }}
	</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca로 시작하는 숫자" crossorigin=anonymous></script>
<ins class="adsbygoogle adsense_top_response_1" style="display:block" data-ad-client=ca로 시작하는 숫자  data-ad-slot=숫자
     data-full-width-responsive="true"> </ins>
<script>(adsbygoogle=window.adsbygoogle||[]).push({});</script>