[애드센스] 반응형 디스플레이 광고 고정 높이 적용 하기

애드센스 반응형 광고를 적용할 경우 모바일 환경에서 화면의 50% 이상을 점유하거나 전체 콘텐츠의 가독성을 해치게 되는 경우가 생깁니다.. 고정 높이가 적용되는 반응형 광고를  적용하면 이러한 문제를 해결할 수 있는데, 애드센스 광고 코드의 일부만 수정하여 PC 또는 모바일 스크린의 폭에 가변 적용되고 높이만 고정이 되는 광고를 적용하는 방법을 알아보겠습니다.

 

 

목차

애드센스 광고 정책 및 제한 내용

구글은 광고 크기의 최대 픽셀 수와 최소 픽셀 수에 대한 몇 가지 제한을 규정해 두고 있습니다. 아래의 제한을 벗어난 고정된 크기의 광고를 페이지에 추가하면 광고가 표시되지 않는다. 고정된 크기의 광고는 애드센스 광고 게재 위치 정책을 준수해야 하며, 다음과 같은 크기 제한 기준이 적용됩니다.

• 높이와 폭 중 한쪽의 길이만 450px를 초과 가능
• 최소 너비는 120px
• 최소 높이는 50px
• 높이 또는 너비 모두 1200px를 초과할 수 없음

• 내용 정리

- 너비 120 ~ 1200px
- 높이 50 ~ 1200px

애드센스 반응형 광고 사이즈 종류

• PC용 광고 표시 사이즈 예제

300 × 250	728 × 90	300 × 600	160 × 600	250 × 250
	970 × 90
336 × 280				200 × 200
	468 × 60

•  모바일용 광고 표시 사이즈 예

300 × 200

300 × 50

300 × 100

250 × 250

200 × 200

높이 고정형 반응형 광고 적용 방법

1. 구글 애드센스 디스플레이 광고 코드 생성

• 디스플레이 광고(반응형) 광고 생성

 

 

• 광고 코드 내용

2. 코드 수정 

• 수정 내용 (모바일 반응형 배너 광고 최대 높이 100px 기준으로 적용)

style="display:block; height:100px;”
data-ad-format="horizontal"
data-full-width-responsive="false"

• 수정된 코드 예제

<div>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000”
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block; height:100px;”
     data-ad-client="ca-pub-0000000000”
     data-ad-slot=“1111111111”
     data-ad-format="horizontal"
     data-full-width-responsive="false"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>

3.  완료된 코드를 원하는 위치에 적용 후 광고 내용 확인

 

[티스토리] 구글 애드센스 승인 방법(Site down or unavailable 대응)

[애드센스] 블로그스팟(구글 블로거) 가입 방법 및 테마 별 속도 정리