본문 바로가기
블로그팁

'카테고리 글 더 보기' 위치 변경하기

by 봉잡스 2012. 8. 25.

비슷한 분류의 글을 노출시키는 '카테고리 글 더보기' 플러그인은 더 많은 페이지뷰를 위해 설정해놓아야 할 필수 플러그인입니다. 오늘 이 시간에 이 '카테고리 글 더보기' 창을 원하는 위치로 이동시키는 방법에 대해 공유하도록 하겠습니다.


1. 가장 먼저 하단의 소스를 skin.html 의 <head> 바로 밑에 삽입해줍니다.


<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>



위와 같이 <head> 바로 뒤에 넣어주세요.


2. 1번 소스를 정상적으로 삽입하셨으면, 하단의 코드를 원하는 위치에 삽입해주세요.


<!-- 카테고리 다른글 위치 변경 시작 -->

<div id="MF_Reference" class="another_category another_category_color_white"></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");

if (ref_source == null) //카테고리로 분류되지 않은 글이 있는 경우 에러처리

 {

   // alert("Error of NULL data"); This article doesn't have categories.

   // return true; 

 }

else     // This article is classified into some of categories.

 {

   MF_Reference.innerHTML = ref_source;

   MissFlash_Div_Num += 1;

   //]]>

 }

</script>

<!-- 카테고리 다른글 위치 변경 끝 -->


위와 같이 원하는 위치에 넣어주시면 됩니다. 저 같은 경우는 '카테고리 글 더보기' 창이 본문 밑에 있는 것은 어정쩡하다고 생각되어, 댓글 밑으로 위치를 이동시켰습니다. 소스 복사가 안되시는 경우 하단의 텍스트 파일을 이용하세요.




'카테고리 글 더보기' 위치를 변경하는 이유


제가 처음에 '카테고리 글 더 보기' 위치를 변경하려 했던 이유는.. '카테고리 글 더보기' 창이 하단의 애드센스 광고와 다음뷰 추천 배너 사이에 어정쩡하게 있는 모양새가 꼴뵈기 싫어서 옮기게 되어서였는데요.. 문뜩 '카테고리 글 더보기 창의 위치를 변경하는 것만으로도 페이지뷰를 늘릴 수 있을까?' 라는 생각이 들더라구요. 물론 본문 바로 밑에 '카테고리 글 더보기' 창이 있는 것도 나쁘진 않지만, 개인적인 생각으로는 방문자들이 본문 뿐만 아니라 댓글에서도 정보를 얻어가려고 하기 때문에.. 본문 밑에보단 댓글 밑에 있는 것이 '카테고리 글 더보기' 창 노출에 유리할 수도 있다고 생각되어 댓글 밑으로 변경해보았습니다. 아니다 다를까 예상이 적중 했는지 댓글 밑으로 창을 이동시킨 후 페이지뷰가 10-20% 가량 증가하면서 애드센스 수익도 따라 10-20% 가량 증가하였습니다. 그렇다고 카테고리 글 더보기 창을 댓글 밑으로 옮기는 것이 진리라는 것이 아니구요~ 각 블로그에 존재하는 다양한 변수와 성향을 파악하여 여러 시도를 해보시면 최적화된 위치를 찾으실 수 있을거라 생각합니다. 이상입니다. 도움이 되셨다면 좋겠네요.^^ 


반응형

댓글