나의 티스토리 블로그에서 누가 무엇을 할까? - 요거, 알 수 있습니다.
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 에서 안내하는 매뉴얼을 참고하셔도 됩니다.
(매뉴얼 다운로드 - 여기 클릭)
여기서는 티스토리 스킨에 삽입하는 방법만 속성으로 설명드립니다.^^
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 -->" 근처에 보면 댓글 입력 버튼 코드가 있습니다.
아래의 노란색 부분과 같은 코드를 추가해 줍니다.
아래 그림처럼, 접속한 방문자가 댓글을 남겼는지 바로 모니터링이 가능합니다.
특히, 자동알림 기능을 설정해 놓으면 스마트폰에서 푸쉬 서비스를 받을 수 있습니다.
내 블로그에 누군가 댓글을 남기면 바로 알려주는거죠.
(댓글 9개씩이나 다는 사람 별루 없죠. ^^ 제가 테스트하느라고... ^^)
원래는 쇼핑몰 게시판의 질문하기나 상품문의 행동을 추적하기 위한 것입니다. 블로그에서는 그런 기능이 없는데, 댓글달기 기능에 적용하면 좋을 것 같습니다.
....
작은 규모의 쇼핑몰이나 기타 유사한 커머스 사이트들을 위해 만들어진 서비스라서 블로그에 최적화 되어 있지는 않지만, 적당히 주무르면 티스토리 사용자들에게는 꽤 유용하게 쓰일 수 있을 것 같습니다.
(커머스 사이트에서는 훨씬 다양한 기능을 이용할 수 있습니다. - 구매분석, 장바구니분석, 구매전환분석, 광고 키워드 및 효과 분석 등)
유료 서비스라는 점이 좀 아쉽죠?
현재는 14일 무료 체험 서비스만 제공합니다만, 좀 더 시스템과 서비스 운영체계가 구비되면 비상업적 개인 블로거들을 위한 무료 서비스도 계획하고 있습니다.
티스토리 파워 유저들이
Woopra나 Google Analytics를 사용하는 대신
저희가 만든 서비스를 더 좋아하는 날이 언젠가 오겠죠?
PS) 관심있는 분들은... www.seetoc.com 함 클릭해 주는 센스!
아울러, 티스토리 블로그를 운영중인 블로거들에게도 좋은 놀잇거리가 될 듯 합니다.
티스토리 블로그의 스킨(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">
위에 노란색으로 표시한 부분이 통합 스크립트입니다.<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>
<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 함 클릭해 주는 센스!
'사는게 뭐길래 > Data & Intelligence' 카테고리의 다른 글
데이터 마이닝으로 K리그 영플레이어상 예측하기 (5) | 2016.02.05 |
---|---|
진정, 개발자 구하기가 이렇게 힘든건가요? (14) | 2012.03.16 |
검색과 추천 -Query Suggesttion vs. Query Destination (1) | 2011.11.04 |
로그 분석을 통해 검색을 더 똑똑하게 만들 수 있는 방법 (스터디 자료 소개) (0) | 2011.10.07 |
추천 서비스의 효과를 측정하는 방법 중 하나 - Recall & Precision (2) | 2011.09.08 |