이 문서는 Google 애널리틱스를 사용하여 단일 페이지 애플리케이션에서 페이지 조회수를 측정하려는 개발자를 대상으로 합니다.
단일 페이지 애플리케이션(SPA)은 HTML 문서를 한 번 로드하고 JavaScript API를 사용하여 추가 콘텐츠를 가져오는 웹사이트입니다.
예: 리드를 획득하기 위한 양식이 있다고 가정해 보겠습니다. 이 양식에는 세 가지 화면이 있습니다.
- 고객 정보를 캡처하는 첫 번째 화면
- 고객이 특정 서비스에 관심을 보이는 두 번째 화면
- 고객의 관심분야와 관련된 웹 세미나에 등록하는 세 번째 화면 페이지
SPA의 페이지 조회수를 올바르게 측정하는 핵심은 사용자가 상호작용하는 각 화면의 페이지 조회수를 집계하고 페이지 referrer를 올바르게 가져오는 것입니다. 그러면 사용자 여정을 올바르게 추적할 수 있습니다.
시작하기 전에
이 페이지에서는 다음 작업을 이미 완료했다고 가정합니다.
웹사이트를 위한 Google 애널리틱스 4 계정 및 속성 Google 애널리틱스를 설정하는 방법을 알아보세요.
페이지가 처음 로드될 때 실행되는 웹사이트에 구현된 Google 태그입니다. Google 태그를 설정하는 방법을 알아보세요.
단일 페이지 애플리케이션 측정 구현
정확한 SPA 측정을 구현하려면 다음 방법 중 하나를 사용하여 새 가상 페이지 조회를 트리거하세요.
브라우저 기록 변경 (권장): SPA에서 History API, 특히
pushState()
및replaceState()
메서드를 사용하여 화면을 업데이트하는 경우 이 옵션을 사용하세요.맞춤 이벤트: 웹사이트에서
DocumentFragment
객체를 사용하여 다양한 화면을 렌더링하는 경우 이 옵션을 사용합니다.