! 처음 시작하기
PrivateStater를 사용하기 위한 초기 설정 방법을 안내합니다.
1단계: 계정 생성
- PrivateStater 대시보드에 접속합니다
- 계정이 없다면 회원가입을 진행합니다
2단계: 프로젝트 생성
프로젝트는 여러 웹사이트를 그룹으로 관리하는 단위입니다. 동료, 직원, 팀을 초대할수 있습니다.
- 대시보드에서 새 프로젝트 버튼을 클릭합니다
- 프로젝트 ID를 입력합니다
프로젝트 ID 규칙
- 영문 소문자, 숫자, 하이픈(
-)만 사용 가능 - 예:
my-company,personal-blog,startup2024
3단계: 웹사이트 추가
- 프로젝트 내에서 웹사이트 추가 버튼을 클릭합니다
- 다음 정보를 입력합니다:
| 필드 | 설명 | 예시 |
|---|---|---|
| 웹사이트 ID | 고유 식별자 (전역적으로 유일해야 함) | my-blog |
| 호스트 | 실제 도메인 (프로토콜 제외) | example.com 또는 sub.example.com |
웹사이트 ID 규칙
- 영문 소문자, 숫자, 하이픈만 사용 가능
- 다른 사용자가 이미 등록한 ID는 사용 불가
- 한 번 생성하면 변경 불가 (삭제 후 재생성만 가능)
4단계: 스크립트 설치
웹사이트의 <head> 섹션에 다음 코드를 추가합니다:
<script> window.PrivateStaterConfig = { prstSite: "YOUR_SITE_ID" };</script>
<script src="https://privatestater.com/privatestater.js"></script>
YOUR_SITE_ID를 3단계에서 생성한 웹사이트 ID로 교체하세요.
설치 예시
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>My Website</title>
<!-- PrivateStater Getter -->
<script> window.PrivateStaterConfig = { prstSite: "my-blog" };</script>
<script src="https://privatestater.com/privatestater.js"></script>
</head>
<body>
<!-- 웹사이트 내용 -->
</body>
</html>
5단계: 기능 활성화
스크립트 설치 후, 대시보드에서 원하는 기능을 활성화합니다:
| 기능 | 기본 상태 | 활성화 위치 |
|---|---|---|
| 분석 | 항상 활성화 | - |
| 캡차 | 비활성화 | 캡차 > 설정 |
| 피드백 | 비활성화 | 피드백 > 설정 |
- 분석은 스크립트 설치 즉시 자동으로 작동합니다
- 캡차와 피드백은 대시보드에서 명시적으로 활성화해야 합니다
6단계: 설치 확인
- 웹사이트를 방문합니다
- 대시보드에서 실시간 통계가 표시되는지 확인합니다
- 약 1분 내에 방문자 데이터가 나타나야 합니다
로컬 개발 환경에서 테스트
localhost에서 테스트하려면 각 기능의 설정에서 로컬호스트 허용을 활성화해야 합니다.
대시보드 > 웹사이트 > [기능] > 설정 > 로컬호스트 허용: 활성화
멤버 관리
프로젝트에 팀원을 초대하여 함께 관리할 수 있습니다.
역할
| 역할 | 권한 |
|---|---|
| Owner | 모든 권한 (프로젝트 삭제, 멤버 관리 포함) |
| Member | 데이터 조회 및 설정 변경 |
멤버 초대
- 대시보드 > 프로젝트 > 멤버 관리
- 초대할 사용자의 User Key 입력
- 초대 전송 (7일 후 만료)
주의사항
- Owner는 프로젝트를 탈퇴할 수 없습니다 (삭제만 가능)
- Member는 다른 멤버를 초대하거나 제거할 수 없습니다
다음 단계
이제 기본적인 지식을 습득했다면 다음 문서를 참고하여 기능을 심화 학습하세요: