인터넷 활용팁

내 블로그 인기글 조회수를 알아보자! - 1. SpotPlex 티스토리 설치

할랑할랑 2007. 11. 9. 20:36
반응형

※ SpotPlex 서비스는 2008년 5월 9일 종료되었습니다.

티스토리에서 어느 글이 많이 읽혔나 궁금할때가 있죠. 내 블로그 인기글을 목록을 알 수 있는 방법을 알아보았습니다. 요즘 많이 달려있는 인기글 목록 위젯 SpotPlex를 설치해보았습니다. SpotPlex를 통해서 RSS Feed가 되는 블로그의 인기글 페이지 카운트 통계를 유지하고, 위젯을 설치해서 내 인기글 및 전체 인기글 목록을 보이게 할 수 있습니다.

참고로 SpotPlex 보다 단순하고 깔끔한 것을 원하시면, Sammy님의 블로그 카운터(n-3.net/count)를 달아보세요.
- 관련글 : 내 블로그 인기글 조회수를 알아보자! - 2. 깔끔한 티스토리 블로그 카운트(태터툴즈 범용)

SpotPlex 홈페이지로 가서 내 블로그 홈페이지에 대한 Code를 부여받습니다.

사용자 삽입 이미지


제 블로그 명을 입력하고, 상세 정보를 입력해서 Code를 부여받습니다. 이때 입력한 주소는 다음에 정보를 수정하거나, 혹시 Code 번호를 잊어버렸을때 Code 번호를 알아내기 위해서 필요하므로, 기억할 수 있는 email 주소를 입력하세요.

사용자 삽입 이미지

사용자 삽입 이미지


방문객수 페이지 카운트를 위해서 SpotPlex 코드를 받습니다. 저는 SpotPlex 배너 이미지를 넣기 싫으므로 "No Image"로 설정했습니다. 처음 받은 코드는 SpotPlex 인식코드입니다. 일단 부여받은 코드는 나중에 위젯 넣을때 함께 넣어줘야하므로, 메모장에 잘 저장해두록 합니다. 저는 SpotPlex 인식 코드를 SpotPlex 위젯 코드와 함께 넣도록 하였습니다.

사용자 삽입 이미지


인기글 목록을 보기 위해 위젯을 달아봅시다. SpotPlex 첫 화면 구석구석에 있는 "Get Widget"을 클릭합니다.

사용자 삽입 이미지


제 블로그의 인기글 목록만 보고 싶으므로 "Specific Blog"로 설정하고, 아까 부여받은 Code 번호를 입력했습니다. 인기글 목록을 보고 싶으므로 "Popluar Articles"로 설정하고, 사이드바에 우겨넣을 예정이라 위젯 크기도 다음과 같이 설정했습니다.

사용자 삽입 이미지


"Get this Widget"을 누르면 코드가 나옵니다.

사용자 삽입 이미지


이번에는 사이드바에 넣는 방법을 알아봅시다. 본문에 넣으시려면 다음글을 참고하세요. 사이드바에 넣기 위해 관리자 > 스킨 > HTML/CSS의 skin.html 편집으로가서, Ctrl + F 키를 눌러 "</sidebar>"를 검색합니다. 검색으로 사이드바 끝부분( </sidebar> )을 찾으셨으면, SpotPlex 위젯을 우겨넣습니다. 저는 SpotPlex 방문객 카운터 코드까지 함께 넣어버렸습니다. 사이드바 요소로 인식시키기 위해서는<s_sidebar_element> 태그로 반드시 감싸줘야합니다.

<s_sidebar>

<s_sidebar_element>
....생략....
</s_sidebar_element>

<!-- Side Bar 끝부분에 SpotPlex 추가 -->

<s_sidebar_element>
<!--[Start] SpotPlex -->

<!-- SpotPlex 인식 코드를 넣습니다. 맨 처음 부여받은 인식코드 입니다. -->
<script src="http://www.spotplex.com/send/17****/no-image.js" type="text/javascript"></script>

<!-- SpotPlex 위젯 코드를 넣습니다. 두번째로 부여받은 '위젯' 코드입니다. -->
<script type="text/javascript" src=" http://www.spotplex.com/widget/widget.js?mode=popular&code=17****&row=15&width=164&height=300&day=w"></script>
<!--[End] SpotPlex -->
</s_sidebar_element>

</s_sidebar>

이제 스킨 > 사이드바 설정으로 가서 새로 만든 사이드바 요소를 끌어놓습니다. 사이드바 요소에 주석으로 설명을 달아놓아야, 사이드바 이름이 제대로 표시됩니다. 위 코드의 예처럼 <s_sidebar_element> 직후에 <!--[Start] SpotPlex--> 와 같은 주석을 한 줄 더 넣어주세요.

사용자 삽입 이미지

설치 직후에는 집계가 없습니다.

사용자 삽입 이미지

시간이 좀 지나 와보니 집계가 되는군요.

사용자 삽입 이미지

※ 관련글
내 블로그 인기글 조회수를 알아보자! - 2. 깔끔한 티스토리 블로그 카운트(태터툴즈 범용)

반응형