티스토리 애스센스코드 적용 방법.

광고 차단 플러그인을 꺼 주시면 블로그 운영에 도움이 됩니다. ^^

티스토리 블로그를 운영하시면서 애드센스 많이들 달아서 짭짤한(?)수입을 올리시는 분들 많으신데요. 애드센스코드를 스킨에 넣어서 사용할때 어떻게 넣으시나요..?

 

보편적으로 애드센스코드를 모두 넣어서 사용할거라 생각합니다. 본문에 애드센스2개, 사이드바에 2개, 텍스트형2개를 사용한다면 6개의 애드센스코드가 삽입됩니다.

 

애드센스 코드를 보면 "<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>"코드는 항상 붙어다니는데 이 코드만 스킨의 "/head"위에 넣어두고 애드센스 광고 코드에서 삭제를 하고 코드를 사용하시면 됩니다.

 

제가 사용하는 마크쿼리4.0스킨에 적용된 코드 입니다. "/head"위에 코드를 적용한 모습니다.

 

이렇게 적용해 두고 애드센스를 출력할 자리에 넣는 코드는 "<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>"코드를 삭제하고 넣으시면 됩니다.

 

마크쿼리4.0스킨 사이드바에 적용되는 애드센스 코드도 아래처럼 넣으시면 됩니다.

 

<div class="widget">
<div class="widget-google-ad">
<!-- 반응형 사이드바 디자인 -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxxxxxxx"
     data-ad-slot="xxxxxxxx"
     data-ad-format="auto"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
</div>
</div>

 

이렇게 사용하는 이유는 "<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>"코드를 HTML파일에 넣어 로딩시켜버리면 애드센스 광고를 3개든 6개든 불러와도 "<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>"코드를 한번만 로딩하기에 좀더 최적화된 페이지 로딩 효과가 있습니다.

 

애드센스 광고마다 "<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>"코드를 불러온다면 로딩될때마다 화면에 보이는 애드센스만큼 로딩을 하기에 불필요한 낭비라 생각됩니다.

 

제 블로그에 적용된 마크쿼리4.0스킨이나 기타 일반 스킨에서도 위 방법대로 적용이 가능합니다. 중복으로 불러들이는 코드를 /head위에 넣어두고 나머지 코드에서 삭제 해 버리면 됩니다.