CLS 낮은 구글 애드센스 반응형 광고 코드
본문 바로가기

그냥

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>