목차
Table of Contents
본 문서는 Framer를 배우는 국내 사용자들이 한글 자료의 부족으로 겪는 어려움을 해결하고자, 공식 블로그의 내용을 한국어로 번역하고 실무에 유용한 정보를 추가했습니다. 프레이머를 사용하는 여러분께 작게나마 도움이 되길 바랍니다.
Hotjar은 무엇인가요?
Hotjar는 사용자의 웹사이트 행동을 분석하고 피드백을 수집하는 데 사용되는 웹사이트 분석 도구입니다. 히트맵, 세션 기록, 설문조사 등의 기능을 통해 사용자가 웹사이트와 상호작용하는 방식을 시각적으로 이해하게 해주는데요. UX 개선에 매우 유용한 사이트이기에, 해당 강의를 통해 잘 활용해보시길 바랍니다.
Hotjar를 Framer 사이트에 추가하는 방법
1. Hotjar 계정 설정하기
Note: 분석할 사이트의 메인 URL을 입력할 때 반드시 https:// 를 포함해서 입력해야 합니다.
2. 트래킹 코드 복사하기
사이트를 등록하면 Hotjar가 제공하는 트래킹 코드를 그대로 복사해 두세요.
3. Framer에 트래킹 코드 추가하기
Framer 프로젝트를 열어주세요.
General Site Settings 로 이동해주세요.
Custom Code 섹션에서
<head>태그 시작 부분에 복사한 코드 전체를 붙여넣습니다.
4. 저장하고 사이트 퍼블리시하기
코드를 붙여넣은 뒤 Save 를 클릭하고 사이트를 다시 퍼블리시합니다.
5. 설치 확인하기
Hotjar로 돌아가 Verify Installation 버튼을 클릭해주세요.
Hotjar가 제대로 설치되었는지 확인하기 위해 브라우저 창이 열리면, 허용을 눌러주세요.
이렇게 설치가 완료되면, 방문자가 사이트를 이용하는 순간부터 Hotjar가 데이터를 수집하기 시작합니다. 대시보드에서 결과가 나타나기까지 최대 60분 정도 걸릴 수 있으니 참고해주세요.
위 방법을 따라해보고도 문제가 생긴다면, Framer Contact 페이지를 통해 지원팀에 문의하실 수 있습니다.
자주 묻는 질문(FAQ)
Q. Hotjar는 무료로 사용할 수 있나요?
네. Hatjar는 무료 플랜이 있으며, 기본적인 기능들을 제한된 범위에서 사용할 수 있습니다.
Q. Hotjar를 Framer에 설치했는데 바로 데이터가 안 뜨는 건 정상인가요?
네. 방문자가 생겨야 데이터가 쌓이기 때문에 첫 기록이 나타나기까지 최대 60분 정도 지연될 수 있습니다.
Q. Hotjar는 A/B 테스트 결과까지 자동으로 분석해줄까요?
아닙니다. Hotjar 자체에는 A/B 테스트 분석 기능이 없으며, 세션 리플레이 등을 통해 사용자의 행동을 직접 해석하는 방식으로 사용해야 합니다.
본 글은 Framer 공식 블로그의 ‘Adding Hotjar to your site’를 번역·각색한 콘텐츠입니다.
