단일 페이지 애플리케이션 측정

이 문서는 Google 애널리틱스를 사용하여 싱글페이지 애플리케이션의 페이지 조회수를 측정하려는 개발자를 위해 작성되었습니다.

단일 페이지 애플리케이션(SPA)은 HTML 문서를 한 번 로드하고 JavaScript API를 사용하여 추가 콘텐츠를 가져오는 웹사이트입니다.

예를 들어 리드를 획득하기 위한 양식이 있다고 가정해 보겠습니다. 양식에는 세 가지 화면이 있습니다.

  • 고객 정보를 캡처하는 첫 번째 화면입니다.
  • 고객이 특정 서비스에 관심을 표시하는 두 번째 화면입니다.
  • 고객의 관심분야와 관련된 웹 세미나에 등록하는 세 번째 화면 페이지입니다.

SPA에서 페이지 조회수를 올바르게 측정하는 열쇠는 사용자가 상호작용하는 각 화면의 페이지 조회수를 집계하고 페이지 리퍼러를 올바르게 가져와 사용자 여정을 올바르게 추적하는 것입니다.

시작하기 전에

이 페이지에서는 다음 작업을 이미 완료했다고 가정합니다.

  • 웹사이트의 Google 애널리틱스 4 계정 및 속성 Google 애널리틱스 설정 방법을 알아보세요.

  • 웹사이트에 구현된 Google 태그로, 페이지가 처음 로드될 때 실행됩니다. Google 태그를 설정하는 방법을 알아보세요.

단일 페이지 애플리케이션 측정 구현

정확한 SPA 측정을 구현하려면 다음 방법 중 하나를 사용하여 새 가상 페이지 조회수를 트리거하세요.

  • 브라우저 기록 변경 (권장): SPA에서 History API, 특히 pushState()replaceState() 메서드를 사용하여 화면을 업데이트하는 경우 이 옵션을 사용하세요.

  • 맞춤 이벤트: 웹사이트에서 DocumentFragment 객체를 사용하여 여러 화면을 렌더링하는 경우 이 옵션을 사용하세요.