새 계정이 가입에서 위젯의 첫 신호까지 가는 과정입니다. 아래 영상은 실제 대시보드에서 소리 없이 짧은 자막과 함께 보여 줍니다. 그 아래 글이 같은 내용을 말로 설명하므로, 영상을 재생하지 않아도 따라올 수 있습니다.
영상 요약
영상은 시작 페이지에서 출발해 계정을 만들고, 설정 도우미에 답한 뒤, 대시보드가 위젯의 신호를 확인하는 장면에서 끝납니다. 샘플 데이터를 쓴 테스트 페이지에서 진행되며, 실제 고객의 것은 아무것도 없습니다. 소리가 없고 저절로 재생되지 않습니다.
1단계: 계정 만들기
가입은 두 화면입니다. 먼저 이메일 주소와, 이용약관·개인정보 처리방침·데이터 처리 계약에 동의하는 체크. 그다음 이름, 회사, 비밀번호. 주소는 보내 드리는 이메일의 링크로 확인하며, 그 뒤에야 로그인할 수 있습니다.
2단계: 사이트가 무엇으로 만들어졌는지 도우미에게 알리기
설정 도우미는 저절로 열립니다. 첫 질문은 ‘사이트는 무엇으로 만들었나요?’ — WordPress, Next.js, HTML 또는 그 밖의 것 — 이고, 이어서 서버에서 무엇이 돌아가는지 묻습니다: PHP, Node.js, Python, Go 또는 자체 백엔드 없음. 이후에는 사용 중인 환경에 맞는 코드만 보여 줍니다. WordPress에서는 플러그인이 양쪽을 한 번에 처리합니다.
3단계: 키 만들기와 도메인 입력
입력란은 두 개이고 두 번째는 저절로 채워집니다: 사이트의 도메인과, 나만 보는 키 이름입니다. 키가 무엇을 보호할지도 고르며, 나중에 바꿀 수 있습니다. 키는 입력한 도메인에 묶입니다.
4단계: 위젯 넣기
코드 한 줄이 위젯을 페이지에 넣습니다. 도우미가 환경에 맞게 보여 줍니다. 옆의 안내를 읽어 주세요. 위젯만으로는 점수만 표시됩니다. 서버도 결과를 확인해야 보호가 완전해지고, 그 확인이 없으면 누구나 양식을 직접 보낼 수 있습니다.
5단계: 신호가 오는지 확인하기
양식이 있는 페이지를 브라우저에서 한 번 여세요. 도우미가 데이터가 올 때까지 함께 기다렸다가 ‘위젯이 신호를 보냄’ 표시를 켭니다. 두 번째 표시등 ‘서버가 nonce를 검증함’은 서버가 판정을 요청하기 전까지 꺼져 있으며, 그때까지 양식은 보호되지 않습니다. DNS 레코드로 도메인을 확인하는 것은 선택 사항입니다.
다음 단계
확인 뒤에 도우미가 어떤 양식을 보호할지 묻고 몇 가지 작은 설정을 제안합니다. 방문자가 양식에 도달하기 시작하면 결과 읽는 방법이 대시보드에서 어디를 봐야 하는지 알려 줍니다.