반응형 티스토리 스킨 FastBoot 상단 애드센스 설치

Posted by 리얼베어 볼매남
2015.04.28 12:41 사용안함/블로그TIP


볼매남 세상리뷰 블로그에는 반응형 스킨이 FastBoot 을 사용하고 있습니다.

반응형스킨을 도입한 이유는 모바일, 웹 구분없이 최적화 화면을 보여주고자 블로그를 리모델링을 하게되었습니다.

제가 반응형 스킨을 이용해본 결과 매우 만족도를 얻고 있습니다.

반응형 스킨을 이용중 이시라면 블로그 수익인 광고 프로그램 애드센스 설치도 반응형 스킨에 맞게 능동적으로 설치를 하면 좋겠습니다.  




제 블로그에는 보시다시피 상단에 애드센스 광고를 설치를 하게 되었습니다.

반응형 스킨을 이용하면서 애드센스 광고를 설치를 하시는데 고민이 많으신 분들을 위해 제가 적용 했던 방법을 알려드리겠습니다.




티스토리 관리자에 접속하셔서 꾸미기 - HTML/CSS 편집을 눌러 주시길 바랍니다.


CTRL + F 누르시고 [$$_article_rep_desc_$$] 검색을 하여 주시길 바랍니다.




[$$_article_rep_desc_$$] 찾으셨으면 아래의 코드를 바로 위 부분에 적용하여 주시길 바랍니다.


<!-- 본문 하단 반 반응형 애드센스 시작 -->

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

<!-- 데스크톱 본문 하단 큰사각1 -->

<script>

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

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="XXXX"data-ad-slot="ZZZZ"></ins>');

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

}

</script>

<!-- 데스크톱 본문 하단 큰사각2 -->

<script>

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

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="XXXX"data-ad-slot="ZZZZ"></ins>');

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

}

</script>

</div>

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

<!-- 모바일 하단 -->

<script>

if(window.getWindowCleintWidth()<768){

document.write('<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"><\/script><ins class="adsbygoogle"style="display:inline-block;width:300px;height:250px" data-ad-client="XXXX" data-ad-slot="ZZZZ"></ins>');

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

}

</script>

</div>

<!-- 본문 하단 반 반응형 애드센스 종료 -->


본 코드를 넣어주시고 XXXX , ZZZZ 표시 부분을 자신의 애드센스 광고 코드로 변경을 하여주시면 애드센스 상단 광고 설치가 완료 됩니다.

이 댓글을 비밀 댓글로