나의 티스토리 블로그에서 누가 무엇을 할까? - 요거, 알 수 있습니다.

2012. 3. 5. 09:49사는게 뭐길래/Data & Intelligence

간만에 울 회사(넷스루, www.nethru.co.kr) 홍보 좀 하렵니다. ^^
아울러, 티스토리 블로그를 운영중인 블로거들에게도 좋은 놀잇거리가 될 듯 합니다.

티스토리 블로그의 스킨(Skin) 편집 기능을 이용하면, 내 블로그에 유용한 기능 몇 가지를 넣을 수 있습니다.
(다른 블로그에 비해서 티스토리의 스킨 편집 기능이 좀 더 유연하고 자유롭다는 생각이 드네요.)
물론, 약간의 웹 프로그램 관련 지식이 좀 필요하긴합니다만... 그리 어렵지는 않습니다.

블로그 운영하시는 분들, 이런거 궁금하지 않으셨는지요?
- 지금 내 블로그를 보고 있는 사람이 얼마나 되는지?
- 어떤 글에 관심을 가지는지?
- 어떤 경로나 검색어를 통해서 내 블로그로 왔는지?
- 내 블로그에 와서 어떤 글들을 보았는지?
- ...

그리고, 내 블로그를 찾는 사람은 뭔가 내 글에 호기심을 보인 사람일테고, 뭔가 궁금해서 내 블로그를 찾아온 사람일테고... 이 사람과 채팅을 하면 재밌을 것 같기도 하고...
게다가, 이런 일들을 스마트폰에서 할 수 있으면 더 재밌고 좋을 것 같은데 말입니다. ^^

요런거 해 주는 서비스, 울 회사에서 하나 맹글었습니다.
머... 우리가 세계최초로 막강 스페셜한걸 처음 만든것은 아닙니다.
외국에도 좋은 서비스가 몇 개 있는데, 우리 손으로, 우리 버전으로, 우리 입맛에 맞게, 그러면서 몇 가지는 더 좋게 함 만들어 볼려구요. ^^

실시간 웹 사이트 모니터링 + 웹로그 분석 + 방문자와 채팅.
간단하게 요약하면 요정도 기능이 되겠습니다.

그럼, 몇 가지 대표적인 기능들 함 살펴보겠습니다.



지금 내 블로그에 8명이 접속해 있습니다.
어느 사이트에서, 어떤 검색어로 찾아왔는지, 어떤 링크를 통해서 내 블로그에 들어왔는지를 보여줍니다.
구글에서 '아마존 추천', '아마존 추천 서비스' 검색결과에 나오는 제 글을 보고 찾아온 사람도 있네요. (어떤 글을 클릭하고 들어왔는지도 보이죠?)
그리고, 페이스북에 링크된 제 글을 보고 찾아온 사람도 있습니다.

대부분 검색이나 링크를 통해서 제 사이트로 찾아왔는데, 중간쯤(정가운데)에 보면 '직접방문'한 분이 있군요.
즉, 제 블로그 주소를 직접 주소창에 입력했거나 즐겨찾기 해 놓았다는 뜻이 되겠죠?
게다가... 최근 24시간내 '7회 방문'!
이분은 제 블로그를 꽤나 열독해 주시는... 아주 감사한 분이군요. ^^
(ㅋㅋㅋ 사실은 바로 접니다. ^^)

좀 크게 볼까요?



'worldcup.tistory.com'이라는 제 블로그 주소를 입력하고 들어와서
지금 '박주영과 이동국이 공존하는 대표팀을 기대합니다'라는 글을 읽고 있습니다.
(제 블로그에 들어온지 22분 40초 ^^)


자세하게 들여다 보면 더 많은 것이 보입니다.
지금 무엇을 보고 있는가도 알 수 있지만, 과거에 내 블로그에서 어떤 글을 보았는지도 보이네요.
제 블로그는 축구, 여행, 개인화 추천이나 웹분석, 집짓기 및 DIY, 기타 등등 소소한 이야기들로 구성되어 있는데
이 사람은 어느 글들에 관심이 있는지, 무엇을 찾아 내 블로그에 왔는지 알 수 있습니다.

내 블로그를 찾은 사람이 지금 어떤 글을 보고 있는지,
어떤 것들에 관심이 있는지를 함께 보면서 대화도 해 볼 수 있겠지요. 


제 블로그 보다가 궁금하신 분, 대화가 필요하신 분들.
블로그 하단의 "SeeToc" 창을 열면 저와 바로 채팅 가능합니다.^^

그리고, 다양한 블로그 방문자 통계도 보여줍니다.
아래에 있는 것은 대표적인 통계지표 몇 개인데,
이거보다 훨씬 많이... 다양한 방문자 통계를 볼 수 있습니다.
(저희 회사 웹 사이트의 로그분석하는 회사입니다. 로그 분석 보고서에서 꿀리면 자존심에 기스납니다.)


아래의 그림의 왼쪽 메뉴 트리 보이죠?
그거 하나하나 펼칠때마다 각종 보고서가 쏟아집니다. ^^



물론, 아래처럼 내 블로그의 최근 24시간 동안 현황도 1시간 단위로 바로 확인할 수도 있습니다.


게다가... ^^
위에 말한 모든 것을 스마트폰에서도 할 수 있습니다.
(아래 화면은 갤럭시 S2, 안드로이드에서 캡쳐)



..............................................

앞에 소개한 것처럼 내 블로그의 방문자들을 자세히 볼 수 있는 방법!

먼저 www.seetoc.co.kr 로 가셔서 회원가입 하시고, 사이트에 안내된 내용 보면서 하시면 됩니다. ^^
(아직은 Trial 기간 외에는 무료로 사용할 수 있는 방법이 없습니다. 무료 서비스로 인하여 유료 사용자 고객들에게 예기치 않은 문제가 생길까봐 조심하고 있는데... 개인 블로거처럼 비상업적 개인 컨텐츠 제공자를 위한 무료 서비스를 위한 방법을 지금 모색하고 있습니다. 시스템 확충 및 운영비용, 지원체계 등이 마련되어야 하니까요.)

울 회사에서 만든 서비스는 쇼핑몰 또는 기타 상업적 사이트를 우선 염두하고 만들어졌기 때문에
티스토리와 꼭 맞아 떨어지지는 않습니다. 그래서, 저희가 제공하는 많은 보고서나 기능을 모두 사용할 수는 없습니다.
하지만, 아래의 내용에 따라 티스토리에 적용하면 내 블로그의 방문자를 모니터링하고, 채팅하고, 방문자 통계 보기가 상당부분 가능합니다.


그럼, 지금부터 티스토리 스킨(Skin)에 살짝 손을 대 보겠습니다.

티스토리의 관리자 메뉴에서 'HTML/CSS 편집' 기능을 이용하면 스킨을 편집할 수 있습니다.
우리가 건드릴 부분은 'skin.html' 부분입니다.
'skin.html'의 적당한 부분에 Java Script를 넣어주면 됩니다.

스크립트 사용하는 자세한 방법은 www.seetoc.co.kr 에서 안내하는 매뉴얼을 참고하셔도 됩니다.
(매뉴얼 다운로드 - 여기 클릭)
여기서는 티스토리 스킨에 삽입하는 방법만 속성으로 설명드립니다.^^

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link rel="alternate" type="application/rss+xml" title="민간인 족쟁이" href="https://worldcup.tistory.com/rss" />
<link rel="stylesheet" media="screen" type="text/css" href="./style.css" />
<link rel="shortcut icon" href="https://worldcup.tistory.com/favicon.ico" />
<title>민간인 족쟁이 :: 나의 티스토리 블로그에서 누가 무엇을 할까? - 요거, 알 수 있습니다.</title>
</head>
<body>
<!-- SeeToc Script -->
<script type="text/javascript">_stc_svcid = "xxxxxxxxxxxxxxx";</script>
<script type="text/javascript" src="
http://log.seetoc.com/seetoc_script.js" charset="UTF-8"></script>
<!--// SeeToc Script -->
<s_t3>
 <div id="wrapTop">
  <div class="tCenter"></div><div class="tRight"></div>
 </div>
 <div id="wrapMid">
위에 노란색으로 표시한 부분이 통합 스크립트입니다.
 www.seetoc.co.kr 가입한 후, 모니터링할 자신의 블로그를 등록하면, 위의 노란색에 해당하는 스크립트를 안내해 줍니다. 그걸 복사해서 위와 같이 'skin.html'의 앞부분에 붙여넣기 하면 됩니다.
이 부분만 넣어도 앞에 예로 든 기본적인 방문자 통계, 모니터링, 채팅이 모두 가능합니다.

기타 쇼핑몰 사이트의 경우, 보다 상세한 고객 행동을 분석하기 위하여 추가적인 스크립트를 제공하는데
블로그에서 활용할 수 있는 몇 가지를 소개해 드리겠습니다.

여기서부터는 관심있는 분들만 골라 가면서 적용하심 되겠습니다.

내부 검색
나의 티스토리 블로그에서 방문자들이 어떤 검색어를 사용하는지 파악하기 위한 스크립트입니다.
'skin.html의 "<!-- 검색 모듈 -->" 부분 코드에 노란색으로 표시된 것과 같이 코드를 추가합니다.


       <s_sidebar_element>
       <!-- 검색 모듈 -->
        <div id="searchBox">
         <s_search>
          <input type="text" name="" value="" onkeypress="if (event.keyCode == 13) { var searchKeyword=document.getElementsByName('')[0].value; stc_setInternalKeyword(searchKeyword); }"/>
          <input value="검색" type="button" onclick=" var searchKeyword=document.getElementsByName('')[0].value; stc_setInternalKeyword(searchKeyword); " class="submit"/>
         </s_search>
        </div>
       </s_sidebar_element>


그러면... 방문자 모니터링 화면에서 사용자가 검색을 몇 번 했는지, 어떤 검색어로 검색했는지 볼 수 있습니다.



댓글
'skin.html'의 "<!-- commentWrite close -->" 근처에 보면 댓글 입력 버튼 코드가 있습니다.
아래의 노란색 부분과 같은 코드를 추가해 줍니다.

  <p>
             <input type="submit" value="댓글 달기" onclick="stc_setQuestion();" class="submit" />
            </p>
           </div><!-- commentWrite close -->
          </s_rp_input_form>

아래 그림처럼, 접속한 방문자가 댓글을 남겼는지 바로 모니터링이 가능합니다.
특히, 자동알림 기능을 설정해 놓으면 스마트폰에서 푸쉬 서비스를 받을 수 있습니다.
내 블로그에 누군가 댓글을 남기면 바로 알려주는거죠.
(댓글 9개씩이나 다는 사람 별루 없죠. ^^ 제가 테스트하느라고... ^^)

 


원래는 쇼핑몰 게시판의 질문하기나 상품문의 행동을 추적하기 위한 것입니다. 블로그에서는 그런 기능이 없는데, 댓글달기 기능에 적용하면 좋을 것 같습니다.

....

작은 규모의 쇼핑몰이나 기타 유사한 커머스 사이트들을 위해 만들어진 서비스라서 블로그에 최적화 되어 있지는 않지만, 적당히 주무르면 티스토리 사용자들에게는 꽤 유용하게 쓰일 수 있을 것 같습니다.
(커머스 사이트에서는 훨씬 다양한 기능을 이용할 수 있습니다. - 구매분석, 장바구니분석, 구매전환분석, 광고 키워드 및 효과 분석 등)

유료 서비스라는 점이 좀 아쉽죠?
현재는 14일 무료 체험 서비스만 제공합니다만, 좀 더 시스템과 서비스 운영체계가 구비되면 비상업적 개인 블로거들을 위한 무료 서비스도 계획하고 있습니다.

티스토리 파워 유저들이
Woopra나 Google Analytics를 사용하는 대신
저희가 만든 서비스를 더 좋아하는 날이 언젠가 오겠죠?

PS) 관심있는 분들은...  www.seetoc.com 함 클릭해 주는 센스!