구글 애드센스 광고 수익 극대화를 위한 반응형 광고 크기조절하는 법

AdsenseGazua2018.07.13 21:51

오늘은 구글 애드센스 광고의 수익을 극대화하기 위해 크기를 조절하는 방법에 대해서 포스팅 해보도록 하겠습니다. 구글애드센스 광고를 달고 사용하시는 블로거들의 경험을 살펴보면 대략, 되도록이면, 아주 큰 광고의 클릭율이 높다는 것이 전체적인 중론입니다. 사실 그건 사실과 다를 수도 있고, 경우에 따라 수익이 감소할 수도 있지만, 한번 광고를 크게 보이게 해놓고 어느정도의 시험기간을 거쳐 본인이 판단하는 것이 좋습니다. 무작정 따라해서 주구장창 달아놓는게 아니고 자신만의 최적화를 만드는 것이 중요합니다.

저의 경우에는 수익의 대부분은 글제목아래 바로 밑에 있는 수익이 발생하기 때문에 아직은 계속 유지하는 것이 좋다고 볼수 있습니다..

그림과 같은 광고는 기본적으로 구글애드센스가 제공하는 코드만 가지고는 적용이 되지 않습니다. 그래서 어느정도 애드센스코드를 수정해서 사용해야만합니다.  

그리고, 이것은 절대 위반이 아니니 안심하고 사용하셔도 됩니다. 그리고, 해당 광고코드수정은 반드시 반응형코드로 수정해서 사용해야만 합니다. 만일 고정크기의 광고를 수정해서 사용하는 것은 위반행위에 해당됩니다.

아래는 구글에서 기본적으로 반응형광고 코드 수정방법에 대해 설명한 링크입니다. 참고하시기 바랍니다.

반응형 광고 코드 수정방법 - 구글제공

구글홈페이지에서는 여러가지 경우에 대해서 수정하는 법에 설명이 나와있습니다.

1) 화면 폭당 정확한 광고단위크기

2) 폭 및 고정높이 지정 : 본문말고, 레이아웃의 크기가 고정되어 있는 곳에 광고를 꽉 차게 넣을 때 사용하시면 유리합니다.

3) 확장형 폭 및 고정높이 지정 - 높이는 고정시키고 폭은 화면 크기에 따라 변화가 할때 쓰는 코드입니다. 본문에 사용하는 것이 좋습니다. 제가 사용한 것도 구글에서 제공하는 이러한 방식의 코드를 수정해서 사용한 것입니다.

아래는 구글에서 제공한 내용입니다.

다음은 반응형 광고 코드를 수정해 고정 높이는 90픽셀, 가변 폭은 400~970픽셀로 지정하는 방법입니다.
<ins class="adsbygoogle"
   style="display:inline-block;min-width:400px;max-width:970px;width:100%;height:90px"
   data-ad-client="ca-pub-1234"
   data-ad-slot="5678"></ins>
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>


Smartgazua.com에서 사용한 코드랑 일부 다르지만, 거의 원리는 동일합니다. width를 100%로 고정해서 폭이 크거나 작아더라도 높이는 고정시키는 것입니다.

다음 그림을 비교해 보시면 차이를 정확히 알수 있습니다.

▼▼▼▼ 폭이 증가됨 ▼▼▼▼

위와 아래의 차이는 폭이 많이 변했지만, 광고 높이는 동일하며, 폭이 본문에서 허용하는 최대의 넓이로 보여줍니다.  이러한 코드 방식을 통해 최대한 크게 보이도록 한 방식입니다.


아래는 제가 사용한 코드입니다.

<center>  ← 광고를 가운대로 정렬

<style>

.smartgazua_top { width:100%; height: 280px ; }   ← 평소에는 최대높이 280px로 고정하고, 넓이는 100% 로 유지

@media(min-width: 400px) { .smartgazua_top { width: 336px; height: 280px; } }   

← 해상도 400px에서는  최대높이 280px로 고정하고, 넓이는 336px 로 유지

@media(min-width: 650px) { .smartgazua_top { width: 100%; height: 280px; } }

← 해상도 650px이상에는 최대높이 280px로 고정하고, 넓이는 최대로 유지

</style>

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

<ins class="adsbygoogle smartgazua_top"

     style="display:block"

     data-ad-client="xxxxxxxx"

     data-ad-slot="xxxxxxxx"

></ins>

</center>

※ 주의사항 

사용하시는 사이트본문크기와 사이트구조에 따라 다를 수 있으므로, 혹시 보시고 적용해 보시려는 분들은 어느정도 감안하시어 수정 후 미리 보기를 통해서 정확히 수정이 되었을 때 사용하시는 것을 권고 합니다.

작성자

Posted by 친철한 공대나온아저씨

태그

관련 글

댓글 영역