자동 추적이 잘못됨—단일 페이지 애플리케이션 에디션

매끄러운 모양과 느낌으로 인해 개발자가 SPA(단일 페이지 응용 프로그램)를 채택하는 경향이 있는 것은 놀라운 일이 아닙니다. 물론 제품 팀은 행동이 유지, 충성도 및 평생 가치에 어떤 영향을 미치는지 알기 위해 고객이 SPA와 상호 작용하는 방식을 이해하기를 원합니다. 그러나 너무 많은 개발자들이 이전에 말했듯이 [아직도] 나쁜 자동 추적이라는 잘못된 약속에 속아 넘어가고 있습니다. 자동 추적 SPA는 고객 여정에 대한 불완전한 보기 및 느린 웹 성능과 같은 문제를 일으킵니다. 이것이 너무 익숙하게 들린다면 좋은 소식은 당신이 혼자가 아니라는 것입니다. 이 게시물에서는 내부적으로 SPA 및 자동 추적이 작동하는 방식과 자동 추적이 SPA에서 제대로 작동하지 않는 이유를 공유합니다.

단일 페이지 애플리케이션은 어떻게 작동합니까?

높은 수준에서 SPA(단일 페이지 응용 프로그램)는 처음 열 때 대부분의 데이터(예: HTML, CSS 및 Javascript)를 로드하는 웹 응용 프로그램입니다. 앱을 탐색할 때 SPA는 현재 웹 페이지를 동적으로 다시 작성하여 변경된 느낌을 주지만 기존 웹 사이트에서는 전체 페이지를 다시 로드해야 합니다. 이것이 바로 SPA가 기존 웹 사이트에 비해 네이티브 모바일 경험과 유사하게 더 빠르고 반응성이 뛰어나며 매끄럽게 느껴지는 이유입니다. 예를 들어 많은 전자상거래 장바구니 결제 흐름은 단일 페이지 애플리케이션으로 구축됩니다. Facebook, Github, Google Maps와 같은 인기 사이트도 SPA입니다. 사용자가 웹에서 더 나은 제품 경험을 기대함에 따라 SPA는 점점 인기를 얻고 있습니다. Stack Overflow는 2021년 개발자 설문조사에서 참가자들에게 가장 일반적으로 사용되는 웹 프레임워크가 무엇인지 물었습니다. 여러 SPA 프레임워크가 순위에서 1위를 차지했습니다. React, Angular 및 Vue가 1위, 4위 및 5위를 차지했습니다.

그렇다면 자동 추적은 어떻게 작동합니까?

자동 추적 도구를 사용하려면 SPA에 단일 코드 스니펫을 입력해야 합니다. 이 도구는 DOM(문서 개체 모델)에 대한 모든 변경 사항, 모든 네트워크 요청 및 모든 사용자 입력 이벤트(중요 여부에 관계없이)를 자동으로 모니터링하기 시작합니다. 의미 있는 분석을 하려면 쏟아지는 데이터를 분류하고 태깅을 통해 데이터를 정리해야 합니다. 반면에 자동 추적은 설정이 더 쉽고 들어오는 데이터를 빠르게 볼 수 있어 비전문가에게 적합한 옵션입니다.

자동 추적을 시작하는 것이 더 빨라 보이지만 단점이 있습니다. 이 블로그의 목적을 위해 SPA와 관련된 두 가지 주요 자동 추적 문제를 다루겠습니다.

명확한 인사이트를 추출하기 어려움

충성도 높은 고객이 제품을 사용하는 방법을 이해하고 이탈 위험과 수익 창출 또는 상향 판매 기회를 식별하려면 그 어느 때보다 전체 고객 여정을 포착하는 것이 필수적입니다. 단순한 변화라도 식별하면 비즈니스에 막대한 긍정적 영향을 미칠 수 있습니다. 예를 들어 영국에서 가장 큰 독립 약국 회사인 Well Pharmacy는 유입경로, 전환 동인 및 전환 시간을 사용하여 가입 과정에서 사용자가 이탈하는 이유를 조사할 수 있었습니다. 전체 고객 여정에 대한 인사이트를 통해 Well Pharmacy는 가입 전환율을 30% 높일 수 있었습니다.

전체 고객 여정에 대한 명확한 통찰력을 갖는 것이 중요하지만 자동 추적을 통해 고객 여정의 전체 그림을 파악하는 것은 어려울 수 있습니다. 사용자는 추적을 즉시 트리거하는 방식으로 DOM을 변경하지 않고도 여러 작업을 수행할 수 있으므로 작업의 타이밍과 순서가 잘못될 수 있습니다.

예를 들어 고객이 장바구니에 항목을 추가한다고 가정해 보겠습니다. 이것은 대부분의 자동 추적 솔루션에서 선택됩니다. 그러나 자동 추적 솔루션은 해당 이벤트에 대한 중요한 컨텍스트(예: 카트에 추가된 항목, 비용, 카트가 비어 있는지, 거래를 보았는지, 추천 아이템? 컨텍스트는 모든 제품 담당자가 카트에 추가 이벤트에 대해 알고 싶어하는 관련 정보입니다.

이로 인해 잘못되고 불완전한 결론이 도출되어 데이터와 여기에서 가져온 통찰력을 신뢰하기 어렵게 됩니다. 찾고 있는 인사이트가 정확하지 않으면 더 많은 사람들이 데이터를 사용하여 의사 결정을 내리도록 하는 것이 훨씬 더 어려워집니다. 이런 일이 발생하면 가장 좋은 경로는 처음부터 시작하여 정밀 추적 경로를 선택하는 것입니다. 고통스럽긴 하지만 자동 추적의 한계를 깨닫고 나면 이 과정을 거치는 회사를 정말 많이 봐왔습니다.

느린 웹 사이트 성능의 위험

마지막으로 성능에 대해 이야기하겠습니다. SPA가 기존 웹 사이트에 비해 갖는 가장 큰 장점 중 하나는 응답성이 뛰어난 사용자 경험입니다. 모든 것이 더 매끄럽고 빠르게느껴집니다. SPA 자동 추적을 사용하면 추적할 대상을 도구에 정확하게 지시하지 않으므로 모든 것을 추적합니다. 좋은 것 같죠? 그러나 실제로 이러한 데이터의 홍수는 쉽게 네트워크 트래픽과 처리 시간을 증가시킬 수 있습니다. UX가 이전처럼 빠르지 않으면 수익에 큰 영향을 미칠 수 있습니다. Amazon에서 수행한 연구에 따르면 페이지 로드 시간이 100ms 지연될 때마다 수익이 약 1% 감소할 수 있다고 추정합니다.

정밀 추적으로 자신과 SPA를 치료하십시오.

SPA에 대한 자동 추적을 사용하는 것은 이상적이지 않습니다. 고객 여정에 대한 불완전한 보기 및 성능 시간 저하의 위험이 있습니다. 이러한 문제에 대한 대안은 정밀 추적입니다.

신뢰할 수 있는 데이터, 고객 여정에 대한 명확한 통찰력, 빠른 성능 시간을 제공하는 도구를 찾고 있다면 더 이상 찾을 필요가 없습니다. Amplitude는 정밀 추적을 사용합니다. 즉, 이벤트를 미리 수동으로 계측하고 해당 이벤트의 모든 관련 컨텍스트를 캡처합니다.

처음에는 시간이 더 걸리지만 이벤트 수와 사용자 여정의 정확성을 보장합니다. 정밀한 추적을 통해 팀이 신뢰할 수 있는 데이터를 확보하고 고객 여정의 모든 단계에서 통찰력을 명확하게 얻을 수 있습니다. 또한 Amplitude는 네트워크를 통해 중요하다고 생각되는 항목만 추적하고 전송하므로 SPA의 성능에 가능한 한 적은 영향을 미칩니다.

정밀 추적으로 전환하려면 채팅을 합시다. 우리는 자동 추적 도구에서 정밀 추적으로 전환하는 많은 고객을 안내했습니다. 귀하의 팀이 제품 강화에 계속 집중할 수 있도록 모범 사례를 공유할 준비가 되어 있습니다.