Hotjar 설치방법 (feat.GTM)

오늘은 Hotjar를 설치할 것입니다

시각적인 데이터 분석 툴로써 사용자가 어떻게 내 웹사이트에서 활동하는지를 볼 수 있습니다. 이것을 활용해서 내 블로그에서 사용자들이 어떻게 활동하고 있는지 혹은 자사몰을 운영하고 있는 사람이라면 사용자들이 어떻게 활동하고 있는지를 시각적으로 볼 수 있습니다.

어떤 것인지 한번 살펴볼까요?

HOTJAR SCROLL MAP(왼쪽)

보는 것처럼 사용자들이 "페이지 내에서 어느 스크롤 위치까지 보게 되는지"를 시각적으로 볼 수 있는 것입니다.

CLICK MAP(오른쪽)

페이지 내에서 여러가지 버튼은 있기 마련입니다. 그곳에서 사용자들이 "어떤 버튼을 얼마나 클릭하는지"를 시각적으로 불 수 있게 되는 것입니다.

1) 해당 링크에 들어간다

www.hotjar.com/

Hotjar: Website Heatmaps & Behavior Analytics Tools

www.hotjar.com

2) 구글 아이디로 Sign up

없다면 다른 이메일로 해도 됩니다. 걱정하지마세요!

그러면 다음과 같은 화면이 나오게 되는데 뭐 간단한 설문조사 같은 걸로 이해하면 됩니다.

아무렇게나 작성을 해도 분석을 하는데는 지장이 없습니다.

하지만 여기서 SITE URL은 당신이 사용자의 행동을 분석할 사이트로 써주세요!! 반드시!!

그러면 이제 개발자라면 어렵지 않겠지만 어려운 코드가 써져있는 화면을 마주하게 됩니다.

이 코드를 copy해서 붙여서 어쩌구 저쩌구 할 수 있겠지만..... 쉽게 합시다 쉽게!

Google Tag Manager를 활용하자 다음 빨간 박스가 쳐진 "Install on your platform"을 눌러봅시다.

이젠 Google Tag Manager를 클릭!

2021년 2월 기준으로 여러분이 분석하고자 하는 사이트에 GTM이깔려있다면 자동으로 Hotjar가 설치됩니다.

다시 보여주고 싶지만 이미 지나서 캡쳐로 설명해 줄 수가 없습니다..

하지만 수동으로 설치하는 방법도 설명해주겠습니다. 뭐 필요할 수도 있잖아요 ㅎㅎ

이 방법도 간단하다. 우선 당신이 분석하고자 하는 Site ID만 알면 된다.

그러면 이제 당신이 해야할 일은 3가지이다.

1) 태그 만들기에서 태그 유형 선택

태그 유형은 아래 Hotjar Tracking Code

2) Hotjar site id 등록 (반드시 자기것으로)

3) 트리거 설정 (All Pages)

all pages로해야 모든 페이지에서 사용자들의 행동을 분석할 수 있을 것이다.

태그 제출까지 했다면 당신은 성공적으로 완성했을 것이다.

이제 설치가 제대로 됐는지 확인을 해봐야겠지?

이전의 창에서 Verify Installation을 눌러주자.

하고나면 다음과 같이 성공적으로 설치가 되었다는 메세지를 볼 수 있을 것이다 성장맨이 했으니 당신도 할 수 있다!

오늘은 이렇게 Hotjar를 GTM을 활용해 설치하는 방법을 알아보았습니다.

설치가 어렵거나 잘 모르겠다면 댓글로 남겨주길 바랍니다 :)