티스토리 하단 애드센스 위치 변경하는법

티스토리 블로그 본문에 애드센스 광고를 배치하실때 대부분 상단과 하단에 배치하실텐데요. article_rep_desc 코드의 앞뒤로 본문 상단 하단을 구분하는데요 상단에 광고코드를 넣으실때는 문제가 없는데 하단에 넣으실때 article_rep_desc  뒤에 광고코드를 넣으시면 <카테고리 다른글> 아래에 광고코드가 배치되기 때문에 좋은 클릭율를 기대하기 어렵습니다. 이 문제를 해결하기 위해 이번 포스팅을 작성하니 참고하셔서 애드센스 최적화를 구축하시길 바랍니다.

이러한 광고위치는 간단한 코드를 통해서 해결하실 수 있습니다. 우선 티스토리 환경설정에 가셔서 html/css 편집에 가신후 <title> </title>코드를 찾으신후 그사이에 아래 코드를 복사해 넣어주시길 바랍니다.

<!-- 카테고리 다른글 위치이동 1 시작 -->

<script type="text/javascript" language="javascript">

 var MissFlash_Div_Num = 1;

 </script>

<script type="text/javascript" language="javascript">

 function getElementsByClass(MissFlash_Div_Num,searchClass,node,tag){

     // JavaScript function was developed by MissFlash (http://blog.missflash.com)

     var classElements = new Array();

     if(node == null) node = document;

     if(tag == null) tag = '*';

     var els = node.getElementsByTagName(tag);

     var elsLen = els.length;

     var pattern = new RegExp("(^|\\s)"+searchClass+"(\\s|$)");

     var j = 0;

     var MissFlash_Check = 1;

     var MissFlash_ID = "MF_Reference" + MissFlash_Div_Num;

     for(i=0; i<elsLen; i++){

         if(pattern.test(els[i].className)){

             classElements[j] = els[i];

             j++;

             if(els[i].id.indexOf("MF_Reference") == -1){

                 var result = els[i].innerHTML;

                 els[i].style.display = "none";

             }

         }

     }

     return result;

 }

 </script>

<!-- 카테고리 다른글 위치이동 1 끝 -->

해당 코드를 간단하게 설명하자면 카테고리 다른글의 출력 위치를 변경하겠다는 코드입니다.

다음으로는 article_rep_desc 를 찾으신후 광고코드를 넣으신후 그아래 아래 코드를 넣어주시길 바랍니다.

<!-- 카테고리 다른글 위치 이동 2 시작 --> 

<div id="MF_Reference" class="another_category another_category_color_gray"></div>

 <script type="text/javascript">

 //<![CDATA[

 // Created by MissFlash(http://blog.missflash.com)

 var MF_Reference = document.getElementById('MF_Reference');

 MF_Reference.setAttribute("id", "MF_Reference" + MissFlash_Div_Num);

 MF_Reference.className = "another_category another_category_color_gray";

 var ref_source = getElementsByClass(MissFlash_Div_Num,"another_category");

 MF_Reference.innerHTML = ref_source;

 MissFlash_Div_Num += 1;

 //]]>

 </script>

<!-- 카테고리 다른글 위치 이동 2 끝 -->

이렇게 광고코드아래 위 코드를 넣어주시면 애드센스 아래 카테고리 다른글이 배치됩니다. 이번 포스팅을 참고하셔서 애드센스 배치를 최적화하셔서 높은 수익을 얻으시길 바랍니다.