웹 유저 관찰 툴(UI 분석)

사이트를 분석하는데 webalizer나 awstats 등 툴을 이용하여 텍스트 베이스의 분석이 가능했지만, UI 디자인 측면에서 어떤 경로를 통해서 어떤페이지가 클릭 되었다라든가..같은 아이콘이라도 어느 부분을 클릭했나.. 유저의 마우스의 추적등의 분석은 상기의 툴만으로는 부족하다.
이들에 대응한 재밌는 서비스가 있어 간단히 소개해 본다.

[crazyegg]
우리 회사에 craze와 egg라는 서비스가 있는데 우연히 두개검색으로 crazyegg라는걸 알게 되었다-_-;
여기서 소개하는 세개의 사이트중 제일 유명한듯. 한때 무료 서비스도 있었지만, 글을 쓰는 현재엔 무료판은 없어진듯해 아쉽다.

[heatmap기능]
유저의 클릭을 열감지 맵처럼 표현한 것이다. 사이트의 액세스빌리티를 파악하는데 큰 도움을 주는 메인 기능이라 하겠다.


[Confetti]


============================================================================

clickdensity.com

crazyegg와 흡사한 기능을 제공한다. 무료판도 있다. 단지 내가 테스트 해본 사이트에서는 분석 페이지에서 자꾸 리로드 되는 현상이 일어났다. jquery와 prototype등을 많이써서 그런지... 화면이 그다지 동적이지 않은 사이트에서는 잘 움직일지 모르겠다.
간단한 자바 스크립트로 설치 가능하다.

[heatmap기능]


heatmap이 잘 나오지 않는 우리 사이트 -_-;옷, 주말 동안 클릭 통계가 나와서 업뎃 합니다. (jquery)등 문제로 heatmap이 약간 하단으로 밀린듯. 랭킹, 재입고 클릭이 많은듯....(사실 정확하게 먼지 알수 없다 T-T)


============================================================================

clicktale.net

이것 역시 무료판이 제공된다.
위 두개와는 좀 다른 분석 화면들을 보여준다. 특히 유저 트래킹 분석은 유저의 브라우저 동작을 동영상식으로 관찰할 수 있는 기회를 제공해 준다. 이 역시 PC사이트만 가능하며 간단한 자바 스크립트로 설치 가능하다.

[heatmap기능]
위의 두개 서비스와 약간 다른 히트맵인데 그라데이션 색깔이 주목하고 있는정도를 나타내며 클릭은 숫자등으로 따로 표현해 주고 있다.


[visitor recording]
이것이 바로 방문자 기록을 재생할 수 있는 툴. PC액세스가 별로 없다 -_-;


참고문헌
ClickTaleでネットユーザーの行動が観察可能に

by 나야나 | 2009/07/24 18:56 | HTML/JS/CSS/Flash.. | 트랙백 | 덧글(1)

webalizer 설정

GroupAgent Opera/ Opera
HideAgent Opera/
GroupAgent "MSIE 8" IE8
HideAgent MSIE 8
GroupAgent "MSIE 7" IE7
HideAgent MSIE 7
GroupAgent "MSIE 6" IE6
HideAgent MSIE 6
GroupAgent "MSIE " IE5
HideAgent MSIE
GroupAgent Firefox/3. Firefox 3
HideAgent Firefox/3.
GroupAgent Firefox/2. Firefox 2
HideAgent Firefox/2.
GroupAgent Firefox/1. Firefox 1.x
HideAgent Firefox/1.

GroupAgent Googlebot-Mobile Googlebot-m
GroupAgent Googlebot Googlebot
GroupAgent DoCoMo DoCoMo
GroupAgent DoCoMo/2.0 DoCoMo2
GroupAgent KDDI* KDDI
GroupAgent UP.Browser KDDI
GroupAgent SoftBank* SoftBank
GroupAgent Vodafone* SoftBank
GroupAgent J-PHONE* SoftBank

음....한국 캐리어는 잘 모르겠당-_-;

by 나야나 | 2009/07/22 13:30 | 트랙백 | 덧글(0)

linux 에서 디스크 완전삭제

dd if=/dev/urandom of=/dev/sda2

by 나야나 | 2009/07/15 20:42 | *nix/OSX | 트랙백 | 덧글(0)

PHP 문자열 자르기

멀티바이트 문자열의 일부를 취득하는방법은 mb_substr(), mb_strcut()함수를 사용

mb_substr(
   문자열,
   개시위치,
  [ ,문자열수
  [ ,문자인코딩]] )

문자열을 개시위치부터 문자수분을 취득.
개시위치나 문자수는 2바이트를 한문자로써 지정한다

mb_strcut(  문자열,  개시위치,  [ ,문자열 [ ,문자인코딩]] )

개시위치나 문자수는 1바이트를 1문자로써 지정한다.
※문자인코딩생략시, 내부의 인코딩이 사용된다.
 
예1) 멀티바이트 문자열의 일부분을 취득

print mb_substr("aaaかきくけこさし", 4, 4, "SJIS")."\n";
print mb_strcut("aaaかきくけこさし", 4 ,4, "SJIS")."\n";
?>

●실행결과
きくけこ
かき

by 나야나 | 2009/07/08 13:30 | 트랙백 | 덧글(0)

◀ 이전 페이지          다음 페이지 ▶