[AdSense] 구글애드센스 반응형 광고 크기 조절하기

[AdSense] 구글애드센스 반응형 광고 크기 조절하기

구글애드센스 광고 중 디스플레이 광고를 블로그에 삽입할 때 

높이를 고정하고, 방문자에 따라 자동으로 폭을 조절하는 방법에 대해 알아보고자 한다.

1. 기존 디스플레이 광고 Html코드에서 데이터 복사

기존에 있는 코드에서 두개의 데이터만 필요하다.

1) 클라이언트 코드

2) 슬롯 코드

두 데이터를 메모장에 복사해 놓는다.

2. 높이 고정하는 코드에 붙여넣기

아래 첨부된 텍스트파일을 다운받아

1번에서 복사한 코드를 붙여넣는다.

높이 고정 광고코드.txt

<ins class="adsbygoogle"

   style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"

   data-ad-client="클라이언트 코드 붙여넣기"

   data-ad-slot="슬롯 코드 붙여넣기"></ins>

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

<script>(adsbygoogle = window.adsbygoogle || []).push({});</script>

높이는 90픽셀로 고정이고,

폭은 400~970픽셀 사이에서 사용자에 따라 변한다.

3. 스킨편집에서 Html코드 삽입

본인이 원하는 위치에 해당 코드를 입력한다,

폭은 원하는 값을 입력한다.

상부에 반응형 광고가 적용된 모습을 확인할 수 있다.

위 내용에 대해 궁금하신 점이나 잘못된 점이 있으시면 댓글을 달아주세요.