방문자의 행동 집계하기
카운터는 몇 명이 방문했는지 알려 줍니다. 이벤트는 방문자가 무엇을 했는지 알려 줍니다. 예를 들어 문의 버튼을 눌렀는지, 안내서를 내려받았는지, 양식을 제출했는지 알 수 있습니다. 집계하는 것은 횟수뿐이며, 누가 했는지는 기록하지 않습니다.
1. 요소에 표시하기
링크나 버튼 아무 곳에나 data-s4u-event 속성을 추가합니다. 클릭할 때마다 그 이름으로 집계됩니다.
<a href="/contact" data-s4u-event="contact">Contact</a>
<button data-s4u-event="guide-downloaded">Download</button>2. 또는 스크립트에서 호출하기
양식을 제출했을 때나 동영상이 끝까지 재생되었을 때처럼 가로챌 클릭이 없는 경우에는 함수를 직접 호출합니다.
<script>
s4u.event('form-sent');
</script>3. 또는 모든 링크를 자동으로 집계하기
카운터 설정에서 “링크 클릭도 집계” 항목을 선택합니다(설정할 때 또는 나중에 통계 페이지의 소유자 패널에서 선택할 수 있습니다). 그러면 링크를 클릭할 때마다 링크 텍스트가 아니라 링크의 대상을 기준으로 집계됩니다. 내 사이트의 페이지는 경로로, 다른 사이트로 가는 링크는 호스트 이름으로 집계됩니다. data-s4u-event를 직접 가진 요소는 지정한 이름으로 한 번만 집계됩니다.
이름 규칙
이름은 소문자이며 a–z, 0–9, 하이픈, 밑줄만 사용할 수 있고 최대 32자입니다. 그 밖의 문자는 하이픈으로 바뀝니다. 카운터 하나에는 서로 다른 이름을 최대 100개까지 둘 수 있습니다. 이 중 자동 링크 클릭이 사용할 수 있는 것은 최대 70개이고, 나머지는 직접 지정하는 이름을 위해 남겨 둡니다. 한도에 도달하면 기존 이름은 계속 집계되지만 새 이름은 추가되지 않습니다. 주소 하나가 한 시간에 보낼 수 있는 이벤트는 최대 300개입니다.
이름에 넣으면 안 되는 것
이름은 공개 통계 페이지에 표시됩니다. 개인을 알아볼 수 있는 내용은 넣지 마세요. 이름, e-mail 주소, 전화번호, 주문 번호나 고객 번호, token 등을 넣으면 안 됩니다. @가 들어 있거나, 숫자가 길게 이어지거나, 무작위처럼 보이는 긴 코드가 들어 있는 이름은 자동으로 거부됩니다. “jan-kowalski”처럼 평범한 이름은 알아볼 수 없어서 그대로 저장되므로, 방문자가 입력한 내용으로 이름을 만들지 마세요.
저장되는 내용
카운터, 날짜, 이름별로 한 줄이 저장되고 그 뒤에 숫자 하나가 붙습니다. 방문자도, 주소도, 클릭 순서도 저장되지 않습니다. “contact: 14”만 보고는 누가 클릭했는지 알 수 없습니다.
확인하는 곳
카운터의 통계 페이지에서 ‘페이지’ 영역에 있는 “방문자가 한 일” 카드에서 확인할 수 있습니다. 시간에 따른 추이가 표시되고, 데이터가 충분히 쌓이면 이전 기간과 비교해 늘어나거나 줄어든 이벤트도 표시됩니다.
한 페이지에 카운터가 여러 개일 때
기본적으로 이벤트는 페이지의 첫 번째 카운터에 속합니다. 다른 카운터를 선택하려면 그 번호를 지정합니다. 요소에 data-s4u-id="12345"를 추가하거나 스크립트에서 s4u.event('name', '12345')를 사용하세요.
웹사이트 분석
측정은 활성화한 기능에 대해서만 실행됩니다. 비활성화한 설정을 저장하면 이후의 수집이 중단됩니다.
메모는 기본적으로 비공개입니다. 공개 메모는 통계를 볼 수 있는 모든 사람에게 표시됩니다.
이름, 이메일 주소 또는 고객 ID가 포함되지 않은 짧은 캠페인 라벨을 사용하세요. 캠페인 값은 제한되어 있으며, 인식되지 않는 값은 무시합니다.
두 단계에서 여덟 단계까지 선택하세요. page:/contact 또는 event:contact를 사용하여 한 줄에 하나씩 입력하세요. 단계는 한 번의 방문 중에 순서대로 발생해야 하며, 단계 사이에 다른 활동이 발생해도 됩니다. 방문은 삼십 분 동안 활동이 없거나 날짜가 바뀌면 종료됩니다. 보고서는 방문 횟수를 집계하며, 중복을 제외한 사람 수를 집계하지 않습니다.
동작의 범주와 이름만 집계합니다. 전화번호, 이메일 주소 또는 양식 필드 값은 전송하지 않습니다. 양식이 제출되었다고 해서 성공한 것은 아닙니다. s4u.formSuccess('contact') 또는 지원되는 WordPress 양식 연동을 사용하여 성공을 확인하세요.
<form data-s4u-form="contact">…</form>
s4u.formSuccess('contact');매출
카운터 번호와 쇼핑몰 비밀 키를 사용하여 쇼핑몰을 연결하세요. 확인된 결제와 환불만 보고하세요. 순매출은 결제 금액에서 환불 금액을 뺀 값이며, 결제 완료 주문 수는 환불로 인해 변경되지 않습니다.
내 대시보드
표시할 보고서와 순서를 선택합니다. 숨긴 카드는 로드하지 않습니다. 배치는 소유자에게만 적용되며 열람자는 표준 배치를 사용합니다.
저장된 보기
다음 방문을 위해 현재 기간과 지원 필터를 저장합니다. 저장한 보기는 소유자만 볼 수 있습니다. 상대 기간은 날짜에 따라 이동하고 사용자 지정 시작일과 종료일은 고정됩니다.
페이지 그룹
관련 페이지를 묶습니다. 예를 들어 /blog/*는 블로그를 나타냅니다. 끝의 *는 해당 접두어로 시작하는 경로에 일치합니다. 그룹은 최대 열 개이며 각각 규칙 여덟 개를 지원합니다. 그룹이 겹칠 수 있으므로 방문자 수를 더해서는 안 됩니다.
페이지 조회는 사용 가능한 저장된 페이지 합계를 사용하고 카운터 설정에 따라 봇을 포함할 수 있습니다. 그룹 방문자와 목표는 그룹 생성 시점부터 기록됩니다. 방문자는 그룹별로 하루 한 번 집계되며 전체 기간에 한 번이 아닙니다.
이벤트 속성
전송하기 전에 최대 열 개의 속성 이름과 속성별로 최대 스무 개의 허용 값을 정의하세요. plan=basic 같은 고정 범주를 사용하고, 이름, 이메일 주소, 주문 번호 또는 양식 입력 내용은 절대 사용하지 마세요. 각 속성은 별도로 집계하며, 속성 조합을 추론하지 않습니다.
이벤트당 최대 다섯 개의 속성을 허용하며, 카운터당 하루에 최대 500개의 이벤트/속성/값 조합을 허용합니다.
Core Web Vitals
지원되는 브라우저에서 로딩(LCP), 상호작용 응답(INP), 레이아웃 이동(CLS)을 측정합니다. 측정값이 없다는 것은 0이라는 뜻이 아닙니다. 상호작용이 없으면 INP를 보고하지 않습니다. 활성화한 뒤 측정이 시작됩니다.
75번째 백분위수는 제한된 히스토그램 구간에서 추정합니다. 카운터당 하루에 최대 100개의 페이지/기기 조합을 보관합니다. 마지막 구간의 값은 최소한 그 값 이상임을 의미합니다. 브라우저 측정에는 모든 교차 출처 iframe 활동이 포함되지 않으며, Google의 CrUX 데이터와 동일하지 않습니다.
선택적 Web Vitals 측정 활성화
웹사이트 통계 보고서
기간과 카드를 선택한 다음 브라우저의 인쇄 대화상자에서 인쇄하거나 PDF로 저장하세요. 소유자 전용 메모는 소유자 키로 열었을 때만 포함됩니다.
대시보드와 도구
소유자 키로 본인의 카운터를 연결하세요. 관리 링크 전체를 붙여 넣어도 됩니다. 연결한 카운터는 현재 브라우저 세션 동안 기억됩니다. 소유자 키를 변경하면 접근 권한이 사라집니다.
정기 보고서
저장한 보기를 선택하고, 인증된 소유자 이메일 주소로 매주 또는 매월 받도록 설정하세요. 필터와 선택한 보고서가 그대로 적용되며, 카운터의 시간대를 기준으로 지난 한 주 또는 한 달 전체를 다룹니다. 비공개 메모는 포함되지 않습니다. 정기 발송을 켜기 전에는 메일이 발송되지 않습니다.
통계 카드 삽입
보고서 하나와 필터를 선택하세요. 생성된 iframe은 별도의 읽기 전용 키를 사용하며, 선택한 날짜에 만료됩니다. 여기서 접근 권한을 취소할 수도 있습니다. 비공개 메모와 소유자용 작업은 포함되지 않습니다.
통계 API
접근을 허용할 보고서를 선택하여 별도의 읽기 전용 API 키를 만드세요. Authorization: Bearer 헤더로 보내고, 스크립트에 소유자 키를 사용하지 마세요. API 키에는 만료일이 있으며 접근 권한을 취소할 수도 있습니다. JSON과 CSV에는 집계 데이터만 포함됩니다.
보고서당 최대 400일, 500행까지 내보낼 수 있습니다. 방문자 수와 목표를 달성한 방문자 수는 일별 합계이며, 서로 겹치는 그룹의 수치를 합산하면 안 됩니다. Web Vitals 백분위수는 히스토그램을 바탕으로 추정하며 충분한 표본이 필요합니다.