구글 애드센스 상단광고 2개 배치하는 방법, 애드센스 모바일 상하단...




 블로그 수익을 증가시키기 위해 효율적인 광고 배치에 대한 다양한 방법들이 제시되고 있는데, 그 중 가장 많이 쓰이는 것은 상단과 하단에 336x280 사이즈의 직사각형 광고를 각각 2개씩 배치하는 방법이다. 그러나 모바일 화면 기준으로 광고가 세로로 연이어 배치되는 경우 광고 정책위반이 될 수 있기 때문에, 모바일에서는 광고가 하나만, PC에서는 2개가 노출되는 (PC와 모바일 각각 다른 방식으로 광고가 노출 될 수 있도록) 배치하는 방법을 사용해야 한다.






 (1) 하단에 광고를 2개 배치하기 위한 경우 PC로만 출력되는 플러그인을 이용한다.

하단에 광고를 2개 배치 이미지상단 광고는 사용하지 않는다. 구글애드센스 PC 플러그인PC에만 출력되는 애드센스 플러그인


구글 애드센스(PC) 플러그인은 모바일에서는 광고가 보여지지 않는 PC전용 플러그인이다. 상단�! �고는 하나만 출력되므로 사용하지 않고, 하단에 광고 2개가 나란히 배치되는 옵션을 선택해서 사용한다. 광고 단위 코드 2개가 필요하다.








(2) 상단에 광고를 2개 배치하기 위한 경우 HTML 코드를 입력하기


상단 광고 2개 배치는 플러그인을 사용하지 않기 때문에 조금 복잡하다.  

먼저, 애드센스 페이지에 들어가서 본인이 게재할 애드센스 광고의 코드를 확인해본다. 

애드센스 코드는 광고의 위치 및 크기 뿐만 아니라 애드센스 사용자 고유번호가 포함되어 있다. 

이를 아이디와 비밀번호의 개념으로 이해하면 쉽다.  

 ca-pub-xxxxxxxxxxxxxxxxx(아이디)"data-ad-slot! ="xxxxxxxxxxxx(비밀번호)

HTML 코드에 게! 재할 애드센스 광고의 코드에 부여된 ca-pub 넘버와 data-ad-slot 넘버를 입력하면 된다.







HTML 코드


<!-- 본문 상단 광고 시작 -->

<div style="text-align:center;width:100%;">

<script>

if(window.getWindowCleintWidth()>=767){

document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle"style="display:inline-block;width:336px;height:280px;"data-ad-client="ca-pub-xxxxxxxxxxxxxxxxx"data-ad-slot="xxxxxxxxxxxx"></ins>');


(adsbygoogle = window.adsbygoogle || []).push({});

}

</script>

<script>

if(window.getWindowCleintWidth()>=767){

document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle"style="display:inline-block;width:336px;height:280px;margin-left: 20px;"data-ad-client="ca-pub-xxxxxxxxxxxxxxxxx"data-ad-slot="xxxxxxxxxxxxxxxxx"></ins>');

(adsbygoogle = window.adsbygoogle || []).push({});

}

</script>

</div>

<!-- 본문 상단 광고 끝 -->


애드센스 상단 배치 HTML.txt


 해당 광고 코드는 767px 사이즈 이상의 PC 디스플레이로 블로그 포스팅을 볼 때에는 2개의 336x280 사이즈 광고가 노출하겠다는 명령어이다. 붉은색과 파랑색으로 표기된 부분에 336x280 사이즈의 코드 번호를 각각 입력한다. 








(3) HTML 코드 배치

HTML 코드 배치붉은 사각형은 HTML 코드를 배치하는 위치를 나타낸다.

 

 코드를 모두 입력했다면, 티스토리 스킨 편집 - HTML편집기에서  부분을 찾고, 윗부분에 붙여 넣어준다. 해당 부분은 포스트 타이틀을 의미하며, 윗부분에 광고 코드를 붙여 넣는 것은 본문 상단에 광고 2개를 배치한다는 명령을 나타낸다.









(4) 상, 하단 모바일 광고 입력하기


구글 애드센스 (모바일)모바일 광고 플러그인은 PC에서 노출되지 ! 않는다.


 모바일로 게재되는 광고의 경우 2개가 연달아 보여지게 되면 애드센스 정책 위반이 될 수 있으므로 상 하단에 하나씩 배치한다. 티스토리 모바일 애드센스 플러그인으로 간단하게 게재할 수 있다. 모바일 광고의 경우 PC화면으로 볼 때에는 보이지 않는다.



by CCL A from http://lattesan.tistory.com/36

's article list

댓글

댓글 쓰기