이 문서는 사이트에서 페이지 조회수를 측정하려는 개발자를 위해 Google 애널리틱스를 사용하여 단일 페이지 애플리케이션을 만들 수 있습니다.
단일 페이지 애플리케이션 (SPA)는 HTML 문서를 한 번 로드한 후 추가 문서를 가져오는 웹 사이트입니다. 간단한 리마인더 콘텐츠를 제작할 수 있습니다.
예: 리드를 획득하기 위한 양식이 있다고 가정해 보겠습니다. 이 양식에는 세 가지 화면:
- 고객 정보를 캡처하는 첫 번째 화면입니다.
- 고객이 특정 서비스에 관심을 표현하는 두 번째 화면입니다.
- 고객의 관심분야와 관련된 웨비나에 등록할 수 있는 세 번째 화면 페이지
SPA의 페이지 조회수를 정확하게 측정하기 위한 핵심은 사용자가 상호작용하는 각 화면과 올바른 페이지 리퍼러를 확보하여 사용자 여정을 추적합니다.
시작하기 전에
이 페이지에서는 다음 작업을 이미 완료했다고 가정합니다.
웹사이트의 Google 애널리틱스 4 계정 및 속성 자세히 알아보기 Google 설정 분석을 참조하세요.
웹사이트에 구현된 Google 태그(페이지가 처음에 실행될 때 실행됨) 있습니다. Google 태그를 사용하여 Google의 네트워크 주소를 확인합니다.
단일 페이지 애플리케이션 측정 구현
정확한 SPA 측정을 구현하려면 다음 방법 중 하나를 사용하여 새 가상 페이지 조회:
브라우저 기록 변경 (권장): SPA에서 방문 기록 변경 API를 살펴봤습니다
pushState()및replaceState()메서드로 화면을 업데이트하려면 다음을 사용합니다. 옵션을 선택합니다.맞춤 이벤트: 웹사이트에서
DocumentFragment를 사용하는 경우 개체를 설정하려면 이 옵션을 사용하세요.
브라우저 기록 변경 구현
GA4에서 향상된 측정 사용 설정하기
브라우저 기록을 기반으로 page_views를 자동으로 측정하는 방법은 다음과 같습니다.
Google 애널리틱스를 엽니다.
관리의 데이터 수집 및 수정에서 데이터 스트림 > 웹.
향상된 측정에서 스위치를 사용으로 슬라이드하여 모든 옵션을 사용 설정합니다.
개별 옵션을 수정하려면 클릭하세요. 페이지 조회수에서 표시를 클릭합니다. 고급 설정을 참조하세요. 페이지 로드 및 페이지를 모두 사용 설정해야 합니다. 브라우저 기록 이벤트에 따른 변경사항 표시를 참조하세요.
변경사항을 저장합니다.