Hackle로 20분만에 랜딩페이지 데이터 트랙킹하기 - 1편

안녕하세요 센드타임 임건입니다.

저와 커피챗을 원하시는 분은 제 sendtime.io/@geon 으로 커피챗 신청해주시면 감사드리겠습니다 :)

요즘에는 빠르게 노코드 툴인 Wix나 Webflow를 이용해서 랜딩페이지 제작을 많이 하는데요, 이런 노코드 제작 툴 덕분에 굳이 코딩을 할 줄 몰라도 쉽게 웹페이지를 제작할 수 있게 되었습니다.

그런데 랜딩페이지 제작과 다르게 "방문자가 어떤 버튼을 언제 많이 클릭했는지, 페이지의 어디 부분까지 읽었는지 전환율을 체크"하는 것은 아직은 쉽게 빠르게 하기 어려운 것 같습니다. 물론 이런 부분도 다 제공해주는 툴이 있을 것 같아서 혹시 있다면 댓글로 공유해주세요 :)

그래서 오늘은 사용자 데이터 분석 툴인 "Hackle"을 이용해서 어떻게 하면 비전공자분들도 아니면 데이터 트래킹 툴 학습 없이 어떻게 랜딩페이지에 쉽고 빠르게 데이터 트랙킹을 붙일 수 있는지 알아보려고 해요.

다른 좋은 툴도 많은데 왜 Hackle인가요?

데이터 분석 툴에는 다양한 툴이 있어요. 유명한 mixpanel, amplitude, ga 등이 있습니다. 그런데 좀더 실험적으로 데이터 트랙킹을 하는 것에 있어서는 ga보다는 mixpanel, amplitude가 좋은데요, 제가 mixpanel은 사용을 안해봐서 어떤지 비교를 못해드리지만 amplitude는 처음에 도입하는 것에 있어서 학습비용, 도입 시간이나 금전적으로 비용이 크다고 생각을 했어요.

그런데 당장 빠르게 개발자 협업 없이 기획자/디자이너 님들이 바로 랜딩페이지에 데이터 트랙킹을 달아야한다면..?? 위의 툴보다도 쉬운 Hackle 툴을 추천드려요.

위의 랜딩페이지는 최근에 가장 개선된 랜딩페이지인데요,

저희는 랜딩페이지를 만들고서 사용자가 이탈이 많은 섹션을 찾아내서 그 섹션을 아래로 내리고 다른 섹션을 위로 위치를 조정해서 최대한 사용자가 랜딩페이지를 끝까지 읽게 만드는 작업을 하고 있습니다.

이렇게 1번부터 10번 섹션까지의 사용자 화면 노출 퍼널을 만들었는데요, Hackle과 webflow 조합이면 금방 만들 수 있습니다!

그런데 처음에는 4번 뷰(레퍼런스 로고들)이 있는 부분에서 다른 부분보다 다음 섹션 뷰로 넘어가는 부분에서 이탈률이 엄청 많다는 것을 알았어요. 어떤 것이 문제인지는 몰라도 사용자들이 해당 부분에서 많이 이탈한다는 것을 데이터 적으로 볼 수 있었어요. 그래서 4번 뷰를 좀더 아래 쪽으로 옮겨야 겠다고 판단을 했습니다.

또한 처음 홈에서 다음 뷰로 스크롤해서 넘기는 부분에서도 이탈률이 커서 헤딩 텍스트를 수정해주는 작업을 진행했습니다.

그 결과,, 이렇게 전체적으로 개선된 퍼널의 모습을 볼 수 있습니다. 이 과정을 여러 번 반복해서 최적의 랜딩페이지를 찾아나가신다면, 물론 섹션 위치 조정 외에도 해당 섹션에서의 내용 수정도 필요합니다. 이를 통해 사용자가 끝까지 읽게 만드는 랜딩페이지를 만들어 회원가입 / 서비스소개서 받기 전환율을 높이실 수 있습니다.

오늘은 간단하게 왜 Hackle을 사용했는지, 또 Hackle을 이용해서 랜딩페이지의 뷰 퍼널을 개선시킬 수 있다 정도만 알아봤는데요. 다음 번에 비전공자 기획/디자이너님 분들도 개발자 분들의 도움 없이 할 수 있는 데이터 트래킹에 대해 적어볼게요.

좀더 빠르게 도입을 해보시고 싶으신 비전공 메이커분들이 계시다면 제 sendtime.io/@geon 으로 커피챗 신청해주시면 미리 일찍 잘 도와드릴 수 있을 것 같아요 :)

또한 센드타임 커뮤니티에 들어오시면 저 뿐만 아니라 다양한 사람들과 커피챗할 수 있는 공간을 만나실 수 있습니다.

오늘도 긴 글 읽어주셔서 감사합니다.