별도 페이지가 있는 카운터
지구본 카운터신규 기둥과 도시, 낮과 밤이 표시되는 회전 지구본입니다. 지금 누가 있는지도 실시간으로 보여 줍니다.
국기 카운터신규
게시판, 나부끼는 깃발, 티커, 시상대, 링, 구름까지 26가지 형태이며 모두 벡터입니다.
세계 지도신규
세계, 대륙, 그리고 지역까지 나뉜 열두 개 나라를 담았습니다. 배경 선택, 도시 표시, 기간 설정, 실시간 보기를 지원합니다.
쇼케이스 페이지신규
카운터를 제자리에 넣어 본 예시 블로그입니다. 본문 옆, 사이드바, 바닥글에 놓았습니다.
1 디자인 고르기
모든 조건을 동시에 만족하는 것이 없습니다. 조건 하나를 빼 보세요.
직접 만든 디자인
모양과 색을 자유롭게 정할 수 있고, 미리보기가 바로 반영됩니다.
빛나는 숫자 (벡터)
음극이 빛나는 닉시관과 옛 비디오 녹화기의 청록색 형광 표시를 살린, 빛나는 카운터입니다.
손글씨와 스케치 (벡터)
종이에 삐뚤빼뚤 그린 테두리, 노란 포스트잇, 칠판의 분필 글씨를 기기에 설치된 손글씨 글꼴로 표현합니다.
소인과 봉인 (벡터)
날짜가 찍힌 소인이나 숫자가 돋을새김된 밀랍 봉인으로 집계를 보여 줍니다. 도구처럼 보이지 않는 바닥글용입니다.
사계절과 세트 (벡터)
달력에 따라 옷을 갈아입는 카운터입니다. 눈, 부활절 달걀, 호박, 전나무로 바뀝니다. 집계와 국기, 세계 지도를 한 줄에 담은 세트도 있습니다.
순간과 기록 (벡터)
지금 이 페이지를 보고 있는 사람, 연속 기록이 표시되는 연간 달력, 예상 도달일이 나오는 다음 이정표, “당신은 …번째 방문자입니다”, 가장 많았던 날, 독자가 있는 곳의 낮과 밤, 방문자 날씨, 독자의 출신지까지 다른 곳에는 없는 카운터 여덟 가지입니다.
출신지와 리듬 (벡터)
국기 수집, 지금 접속 중인 사람, 대륙, 가장 먼 나라, 요일별 리듬, 언어, 체류 시간, 스크롤 깊이까지 "어디서, 언제, 얼마나"에 답하는 일곱 가지이며 각각 조회 한 번으로 끝납니다.
보이지 않는 카운터
집계는 하지만 아무것도 보여 주지 않거나, 통계로 이어지는 작은 아이콘만 표시합니다.
그래프 포함
2006년식 비트맵 그래픽 대신 또렷한 SVG로 만든 그래프 열 가지입니다.
아주 작은 카운터
88×31 버튼 다섯 개와 높이 15픽셀부터의 띠 다섯 개입니다. 서명, 바닥글, 링크 목록에 알맞습니다.
그림 띠
숫자마다 그림이 하나씩 붙습니다. 석판, 나무토막, 우표 등 열 가지 도안이 카운터 안에 들어 있어 외부에서 불러오는 것이 없습니다.
명절과 계절
크리스마스트리, 호박, 부활절 달걀 등 계절이 바뀔 때마다 갈아 끼울 수 있는 열 가지 도안입니다.
스포츠와 운동
공, 트랙, 트로피 등 무언가가 목표를 향해 가는 열 가지 도안입니다.
음식과 음료
커피, 피자, 맥주 등 스무 가지 주방 도안이며, 각 동작 사이에 잠깐 멈춤이 있습니다.
호텔과 휴가
여행 가방, 야자수, 케이블카 등 무언가가 달리거나 날거나 떠다니는 스무 가지 도안입니다.
잡지와 블로그
신문, 깃펜, 마이크 등 스무 가지 편집실 도안입니다. 글자는 막대로 그려지므로 어떤 언어에서도 같아 보입니다.
의류와 스타일
옷걸이, 바느질선, 런웨이 등 천이 걸리고 흔들리다 멎는 스무 가지 도안입니다.
우주
행성, 로켓, 달 등 숫자는 그대로 있고 배경만 움직이는 열 가지 도안입니다.
음악
턴테이블, 메트로놈, 레벨 미터 등 박자에 맞춰 움직이는 열 가지 도안이며, 꾸며 낸 수치는 하나도 없습니다.
학교
칠판, 컴퍼스, 학교 시계 등 손놀림이 담긴 열 가지 교실 도안입니다.
기독교 도안
양초, 십자가, 교회 창 등 조용한 열 가지 도안입니다. 가장 느린 움직임은 40초에 걸쳐 이루어집니다.
꽃
꽃, 덩굴, 꿀벌 등 자라고 흔들리다 다시 시작하는 열 가지 도안입니다.
동물
고양이, 개, 펭귄 등 동작 하나로 정체가 드러나는 열 가지 동물입니다.
너드 문화
주사위, 픽셀 캐릭터, 플로피 디스크 등 부드럽게 흐르지 않고 한 칸씩 움직이는 열 가지 도안입니다.
인터넷
와이파이, 브라우저, 서버 랙 등 무언가가 한 곳에서 다른 곳으로 이동하는 열 가지 도안입니다.
통계 패널 (벡터)
오늘·어제·전체·현재 접속자를 보여 줍니다. 배치 열 가지, 색 조합 열 가지이며 어떤 화면에서도 또렷합니다.
움직임 · 쌓이기
그림이 스스로 그려지고, 드러나고, 숫자를 세어 올린 뒤 멈춥니다.
움직임 · 무게감
관성이 느껴지는 움직임입니다. 떨어져 들어오고, 살짝 지나쳤다가, 부드럽게 멎습니다.
미래풍 · 정적
움직임 없는 미래풍입니다. 도형과 모서리, 빛으로만 표현합니다.
미래풍 · 동적
절제된 움직임이며, “동작 줄이기” 설정에서는 멈춥니다.
레트로
브라운관, 플랩 표시기, 픽셀 격자를 흐릿하지 않고 또렷하게 표현합니다.
디지털
군더더기 없는 표시입니다. 전체 합계뿐 아니라 오늘과 이번 주도 보여 줍니다.
뜻밖의 모습
평범한 숫자를 담는 색다른 그림입니다.
미래풍
홀로그램, 네온, 레이더 등 절제된 움직임이며 “동작 줄이기” 설정에서는 멈춥니다.
신규 · 모던
어떤 화면에서도 또렷하고, 밝은 모드와 어두운 모드를 모두 지원하며, 크기는 1 KB 미만입니다.
국기 카운터 (벡터)
아래 클래식과 같은 방식이지만 어떤 화면에서도 또렷합니다. 한 줄짜리 서명부터 국기로 가득한 벽까지 크기도 자유롭습니다.
2006년부터의 클래식 (227)
통계 패널
오늘·어제·전체·현재 접속자를 보여 줍니다.
추세 그래프 포함
최근 며칠간의 작은 그래프가 함께 표시됩니다.
구성 비율
국가별·화면 해상도별 원형 그래프입니다.
국기 카운터
국가마다 한 줄씩, 국기와 그곳에서 온 방문자 수를 보여 줍니다.
세계 지도
방문자가 어디에서 오는지 세계 지도 위에 점으로 보여 줍니다.
유럽
아시아
아프리카
북아메리카
남아메리카
오세아니아
작은 크기
작고 눈에 띄지 않아 어떤 바닥글에도 어울립니다.
숫자 띠
숫자만 보여 주며, 다양한 숫자 디자인을 고를 수 있습니다.
디자인 100개 모두 보기
2 설정
실시간 버전은 이미지가 아니라 작은 스크립트입니다. 30초마다 지금 누가 있는지 확인하며, 집계는 지도가 불러와질 때 딱 한 번만 이루어집니다.
투명은 밝은 페이지와 어두운 페이지 모두에 어울립니다. 모든 설정이 이미지 주소에 담기므로 따로 저장할 것이 없습니다.
2006년 비트맵 방식입니다. 글꼴 50종, 템플릿 15종. 기존 카운터도 계속 수정할 수 있습니다.
국가마다 국기 하나와 그곳에서 온 방문자 수를 보여 줍니다. 몇 개국이 들어가는지는 배치와 크기에 따라 정해집니다.
Ctrl 또는 ⌘로 여러 개를 선택할 수 있습니다. 숨긴 국가도 집계는 계속되며, 이미지에만 나타나지 않습니다.
숫자 옆에 최근 7일의 흐름을 보여 줍니다. 실제로 재어 보면 전송량이 120바이트 늘어납니다. 알약 모양에서는 선이 숫자 뒤에, 기본 카운터에서는 숫자 아래에 놓입니다. 기록이 없는 카운터에는 선이 나오지 않으며 크기도 그대로입니다.
카운터는 두 가지 판을 모두 담고 있다가 방문자의 설정에 맞는 쪽을 보여 줍니다. 이 페이지가 아니라 방문자 기기의 설정을 따릅니다. 실제로 재어 보면 용량은 두 배가 아니라 약 4분의 1만 늘어납니다. 같은 그림이 두 번 들어가는 것을 gzip이 알아보기 때문입니다. 수치는 "카운터의 무게"에 있습니다.
여기 있는 항목은 모두 선택 사항입니다. 없어도 카운터는 작동합니다.
링크를 잃어버렸을 때
카운터 번호를 알고 계시면 언제든 이 통계로 돌아오실 수 있습니다. 번호를 외우고 싶지 않으시면 이메일 주소를 넣어 주세요. 링크가 담긴 메일을 딱 한 통 보내 드립니다. 그 링크를 눌러야만 주소가 저장됩니다. 직접 입력하지 않으신 분은 메일을 버리시면 되고, 아무것도 저장되지 않습니다.
이 주소는 오직 한 가지 목적에만 쓰입니다. 요청하시면 이 링크를 다시 보내 드리는 것입니다. 광고도, 제3자 제공도, 뉴스레터도 없습니다. 언제든 여기에서 삭제하실 수 있습니다.
Google reCAPTCHA가 이 제출을 악용 여부에 대해 확인하며, 이 과정에서 데이터가 Google로 전송됩니다. 스크립트는 이 양식을 열 때만 불러옵니다.
링크 클릭은 모두 이벤트로 집계되며, 링크 문구가 아니라 대상에 따라 이름이 붙습니다. 사이트 내부 페이지는 경로("kontakt"), 외부 링크는 호스트("ex-facebook-com")로 표시됩니다. 이름은 최대 50개까지이며, 한도에 도달하면 새 이름은 추가되지 않습니다.
기본값은 켜짐이며, 체크를 해제하면 꺼집니다. 어떤 페이지 뒤에 어떤 페이지가 오는지를 개인의 경로가 아니라 합계로 집계합니다. 두 조회 사이의 간격이 30분 미만이면 같은 흐름으로 봅니다. 전환은 5회 이상부터 보고서에 나타납니다.
추가 설정
조회 수는 페이지를 볼 때마다 세고, 순 방문자는 한 사람을 하루에 한 번만 셉니다. 방문자 수는 일별 값의 합계이며 2026년 1월 1일부터 기록되었기 때문에, 오래된 카운터에서는 조회 수보다 작게 나옵니다.
2~20자, 영문자·숫자·"-"·"_"만 사용할 수 있습니다. /live/<번호>도 그대로 작동합니다. 빈칸이면 별칭 없음.
빈칸이면 비밀번호를 쓰지 않습니다. 설정하면 /live/<번호>가 숫자를 보여 주기 전에 비밀번호를 묻습니다. 6자 이상이어야 하고 복구할 수 없으니 따로 적어 두세요.
주소 하나 또는 대역 전체(83.10.1.0/24)를 넣을 수 있습니다. 대개 대역 쪽이 낫습니다. 대부분의 회선은 날마다 새 주소를 받지만 그 주변 네트워크는 그대로이기 때문입니다. 여기에 넣은 값은 암호화하지 않고 저장되며 언제든 지울 수 있습니다. 지금 이 요청은 에서 오고 있습니다.
내 페이지에서 지구본 위아래에 무엇을 보여 줄지 정합니다. 위에서 모양과 겉모습을 고르면, 내 페이지의 지구본은 스위치 없이 그 상태로 표시됩니다. “없음”을 고르면 지구본과 그 아래 링크만 남습니다.
벡터 카운터 전용입니다. 어떤 크기에서도 또렷하게 보입니다. 값은 이미지 주소에 담기므로 따로 저장할 것이 없습니다.
3 코드 넣기
마크다운, BBCode, HTML <img>는 이미지만 넣습니다. 집계는 똑같이 되고 어느 페이지였는지도 알 수 있습니다. 서버가 리퍼러에서 읽기 때문입니다. 다만 방문자가 어디를 거쳐 사이트에 왔는지는 알 수 없습니다. 그 정보는 브라우저만 알고 있고, 스크립트가 들어간 HTML 방식만 물어볼 수 있습니다.
스크립트가 없으면 카운터는 자신이 어느 페이지에 있는지 알 수 없어 페이지 목록이 비어 있게 됩니다. 여기에 주소를 넣으면 그 페이지가 목록에 오릅니다. 앞에 슬래시만 넣으면 되고 나머지는 카운터가 출처에서 가져옵니다. 같은 코드가 여러 페이지에 들어가는 경우, 예를 들어 포럼 서명이라면 비워 두는 편이 낫습니다. 고정된 값은 다른 모든 페이지에서 틀린 값이 되기 때문입니다.
어디에 넣나요?
chomikuj.pl
카운터는 chomik 설명("opis")에 넣습니다. 설명란은 스크립트를 받지 않으므로 "HTML <img>" 탭이 첫 줄을 대신하고, 아래 칸에 페이지 주소를 넣으면 통계가 어디에서 집계되는지 알 수 있습니다.
WordPress
디자인 → 위젯, 또는 블록 편집기 어디에서나 「사용자 정의 HTML」 블록에 코드를 넣으면 됩니다. 반드시 「사용자 정의 HTML」 블록이어야 하며 「문단」 블록은 안 됩니다. 문단에 넣으면 코드가 실행되지 않고 글자로 그대로 보입니다.
WordPress.com
주의하세요. 직접 설치한 WordPress와는 다릅니다. WordPress.com 무료 요금제에서는 「사용자 정의 HTML」 블록에서 script, iframe, embed가 제거됩니다. 그러면 오류 없이 카운터만 보이지 않습니다. 스크립트를 쓰려면 호스팅 기능이 포함된 유료 요금제가 필요합니다. 여기서는 마크다운 탭을 쓰세요. 이미지 방식은 어떤 요금제에서도 통과합니다.
Blogger
레이아웃 → 가젯 추가 → HTML/자바스크립트 순으로 열고 코드를 넣은 뒤 저장하면 끝입니다.
Ghost
Settings → Code injection → Site footer에 넣으면 됩니다. 맨 아래가 아니라 특정 위치에 두고 싶다면 테마 쪽에 넣어야 합니다.
Wix
추가 → 임베드 → HTML 임베드 → 코드 입력 순으로 붙여넣고 업데이트하면 됩니다. 두 가지를 알아 두세요. Wix는 코드를 격리된 프레임에 넣기 때문에 카운터가 실제 페이지가 아니라 그 프레임의 주소를 보게 되어 페이지 목록이 비어 있게 됩니다. 그리고 주소는 https여야 하며 Wix는 http를 받지 않습니다.
Squarespace
페이지 편집 → 블록 추가 → 코드 순으로 넣습니다. 여기서 자바스크립트와 iframe은 Core 요금제 이상이어야 하며, Personal과 Basic에서는 블록이 비어 있게 됩니다. 다만 HTML과 마크다운은 모든 요금제에서 작동하므로, 블록을 마크다운으로 바꾸고 마크다운 탭의 코드를 쓰면 됩니다.
Neocities
편집기에서 index.html을 열고 </body> 앞에 코드를 넣으면 됩니다. 그게 전부입니다. 이곳에서는 직접 작성한 HTML에 제한이 없습니다.
Hugo, Jekyll, Astro
글이 아니라 템플릿에 넣습니다. layouts/partials/footer.html (Hugo), _includes/footer.html (Jekyll), src/components/Footer.astro (Astro)입니다. 특정 글 하나에만 넣고 싶다면 마크다운 탭의 코드를 본문에 그대로 써 넣으면 됩니다.
클릭과 다운로드도 집계
이벤트는 방문자가 한 행동입니다. "문의" 클릭, 양식 제출, 파일 내려받기 같은 것입니다. 요소에 속성을 넣거나 함수를 호출하면 됩니다:
<a href="/contact" data-s4u-event="contact">…</a>
<script>s4u.event('form-sent');</script>카운터당 이름은 최대 50개, 주소당 시간당 이벤트는 최대 300건입니다. 이름은 소문자로 바뀌고 공백은 하이픈이 됩니다.
다른 카운터에서 옮겨 오기
함께 옮겨 오는 것은 없습니다. 기존 합계는 가져올 수 없습니다. 어떤 카운터 서비스도 자기 수치를 다른 곳에 넘겨주지 않으며, 저희가 임의로 정한 숫자는 지어낸 값일 뿐입니다. 새 카운터는 0에서 시작합니다. 예전 합계를 남기고 싶으시면 옛 이미지를 옆에 그대로 두어 기념으로 삼거나, 그 숫자를 본문에 적어 두시면 됩니다.
작동 확인
카운터가 있어야 할 페이지 주소입니다. 한 번 가져와서 확인한 결과를 여기에 알려 드립니다.