Computer >> 컴퓨터 >  >> 프로그래밍 >> JavaScript

Google Analytics로 단일 페이지 애플리케이션(SPA) 페이지 추적하는 방법

단일 페이지 애플리케이션(SPA)과 Google Analytics 추적

단일 페이지 애플리케이션(Single Page Application, SPA)은 사이트 내에서 페이지를 탐색하는 데 필요한 리소스를 최초 로드 시 한 번에 불러오는 웹 애플리케이션 또는 웹사이트입니다.

사용자가 사이트 내 링크를 클릭하거나 페이지와 상호작용하면 콘텐츠가 동적으로 로드됩니다. 이 과정에서 전체 페이지가 새로고침되지 않기 때문에 Google Analytics는 페이지 이동을 자동으로 인식하지 못합니다. 따라서 트래커에 저장된 데이터를 직접 갱신해 주어야 정확한 페이지뷰를 기록할 수 있습니다.

1. 트래커 업데이트

페이지가 변경될 때마다 트래커의 page 값을 새 URL로 설정합니다.

ga('set', 'page', '/new-page.html');

2. 페이지뷰 기록

트래커 업데이트 직후 바로 페이지뷰를 전송합니다.

ga('send', 'pageview');

이 두 단계를 라우팅 변경 이벤트(예: history.pushState가 실행되는 시점)에 연결하면 SPA에서도 일반 웹사이트처럼 각 페이지의 방문 데이터를 정확하게 수집할 수 있습니다.