Show GN: Visitown - 방문자가 픽셀 마을을 걸어 다니는 실시간 방문자 분석

1 hour ago 1

웹사이트 방문자를 픽셀 캐릭터로, 페이지를 마을 건물로 보여 주는 실시간 방문자 분석 도구를 만들었어요.

  1. 방문자가 페이지를 옮기면 캐릭터가 건물 사이를 실제로 걸어가요. 봇은 회색 로봇, 재방문자는 모자, 검색 유입은 돋보기를 들고 나타나요.
  2. 설치는 스크립트 한 줄이고 SDK는 gzip 약 7KB예요.
  3. 쿠키를 쓰지 않고 IP도 저장하지 않아요(나라 코드만 남겨요). 원본 기록은 7일 뒤 지워져요.
  4. 테마가 10종 있어요(한옥 장터·사이버펑크·우주 정거장·캔디 마을 등). "두 나라에서 방문", "새벽 0~5시 방문자"처럼 목표를 채우면 하나씩 열려요.
  5. 통계·퍼널·재방문, 24시간 리플레이와 타임랩스, OBS·iframe용 임베드 마을, README 배지가 있어요.
  6. 랜딩 페이지에 들어가면 왕관을 쓴 금빛 캐릭터로 본인이 마을에 등장해요.

기술적으로는 의존성 없는 Node 수집 서버가 SSE로 뿌려요. 부하 테스트에서 구독자 1,000명·초당 500건 기준 p99가 39ms였어요. 끊겼다 붙어도 Last-Event-ID와 링버퍼로 빠진 것만 다시 받아요. 렌더링 엔진은 DOM을 모르는 TypeScript이고, 화면은 Next 16 App Router(nonce CSP)예요. 한국어와 영어를 지원해요.

혼자 만든 사이드 프로젝트고, 베타 동안 무료예요. 써 보시고 어떤 점이든 피드백 주시면 감사하겠습니다.

랜딩: https://visitown.vercel.app
가입 없는 데모: https://visitown.vercel.app/demo
GitHub: https://github.com/gakmax/visitown

Read Entire Article




피플앤툴즈 네트워크
🛍 샵