티스토리 애드센스 광고 최적화하기

티스토리(tistory)에서 구글 애드센스(google adsense)를 적용하고 나면 크롬, 모바일, 태블릿 등의 브라우저에서는 블로그가 빠르게 뜨고 반응하는데 IE에서 접속하면 애드센스가 다 나올때까지 멈추는 현상이 나타나서 느리게 뜨게 됩니다.

애드센스를 붙이게 될 경우 다음과 같이 해주셔야 합니다.

1. 애드센스는 "비동기"로 선택하여 애드센스 코드를 붙여 주세요.
   반응형 광고일 경우는 비동기이기 때문에 별다른 선택을 안해줘도 됩니다.
   반응형이 아닐 경우만 비동기 코드로 받아야 합니다. 
   그리고 광고 유형을 "텍스트 광고"로 해주면 좀 더 빠르게 되긴 합니다.

 

2. 티스토리에 애드센스를 붙일 경우 애드센스 코드를 최적화하여 붙여 주세요.

* 애드센스 코드 넣기

<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="ca-pub-xxxxxxxxxx"      data-ad-slot="xxxxxxxxx"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

위와 같이 코드를 받았으면 굵게 빨간색 라인은 삭제하고 "<ins ....>...</ins>" 부분을 복사해서 모든 애드센스 삽입 부분에 붙여넣기 합니다.
굵게 빨간색으로 된 라인의 내용은 티스토리 관리의 HTML/CSS 편집에서 HTML의 내용중 </body> 바로 이전에 넣어줍니다.
이 스크립트는 한개만 있으면 됩니다.

* 티스토리 HTML/CSS 편집

<!--F FastBoot_Plugins -->  <script>if(rssLogFlag==1)document.write('<script src="./images/fastboot_index.js"><\/script>');</script>     <script src="./images/fastboot.min.js"></script>     <!--[if (gt IE 8)|!(IE)]><!--><script src="./images/fastboot_offcanvas.min.js"></script><!--<![endif]-->  <div id="toTop" onclick="window.scrollTo(0, 0);"><i class="fa fa-angle-double-up fa-2x"></i></div>  <script data-cfasync="true" async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script async>  $('.adsbygoogle').each(function(){   (adsbygoogle = window.adsbygoogle || []).push({});  });  <!-- 페이지 수준 광고가 있을 경우만 넣습니다. 페이지 수준 광고 시작 -->  (adsbygoogle = window.adsbygoogle || []).push({   google_ad_client: "ca-pub-xxxxxxxxxxxxx",   enable_page_level_ads: true  }); <!-- 페이지 수준 광고 끝 --> </script> </body></html>

3. 그래도 느리다면 방법이 없습니다. 사용중인 스킨을 다른 스킨으로 교체해 주세요.
   FastBoot으로 스킨을 변경 후 티에디션 적용하고 애드센스를 붙이니 IE 11(Internet Explorer, 인터넷 익스플로러)에서 화면이 너무 느리게 뜨는 현상이 생겼습니다.
   간혹 빠르게 표시되기도 하지만 대부분 늦게 뜹니다. 인터넷 폭풍 검색 결과 방법은 스킨 교체하라고 하더군요. 메인화면을 살짝 바꿔주고 했더니 조금 빠르긴 하지만 반응이 그래도 늦긴 합니다.

관련 포스팅 :

[티스토리&애드센스] - [FastBoot] 티스토리 반응형 애드센스 스킨 적용하기