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

이 문서는 사이트에서 페이지 조회수를 측정하려는 개발자를 위해 Google 애널리틱스를 사용하여 단일 페이지 애플리케이션을 만들 수 있습니다.

단일 페이지 애플리케이션 (SPA)는 HTML 문서를 한 번 로드한 후 추가 문서를 가져오는 웹 사이트입니다. 간단한 리마인더 콘텐츠를 제작할 수 있습니다.

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

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

SPA의 페이지 조회수를 정확하게 측정하기 위한 핵심은 사용자가 상호작용하는 각 화면과 올바른 페이지 리퍼러를 확보하여 사용자 여정을 추적합니다.

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

  • 웹사이트의 Google 애널리틱스 4 계정 및 속성 자세히 알아보기 Google 설정 분석을 참조하세요.

  • 웹사이트에 구현된 Google 태그(페이지가 처음에 실행될 때 실행됨) 있습니다. Google 태그를 사용하여 Google의 네트워크 주소를 확인합니다.

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

정확한 SPA 측정을 구현하려면 다음 방법 중 하나를 사용하여 새 가상 페이지 조회:

  • 브라우저 기록 변경 (권장): SPA에서 방문 기록 변경 API를 살펴봤습니다 pushState()replaceState() 메서드로 화면을 업데이트하려면 다음을 사용합니다. 옵션을 선택합니다.

  • 맞춤 이벤트: 웹사이트에서 DocumentFragment를 사용하는 경우 개체를 설정하려면 이 옵션을 사용하세요.

<ph type="x-smartling-placeholder"></ph>

브라우저 기록 변경 구현

GA4에서 향상된 측정 사용 설정하기

브라우저 기록을 기반으로 page_views를 자동으로 측정하는 방법은 다음과 같습니다.

  1. Google 애널리틱스를 엽니다.

  2. 관리데이터 수집 및 수정에서 데이터 스트림 > 웹.

  3. 향상된 측정에서 스위치를 사용으로 슬라이드하여 모든 옵션을 사용 설정합니다.

  4. 개별 옵션을 수정하려면 클릭하세요. 페이지 조회수에서 표시를 클릭합니다. 고급 설정을 참조하세요. 페이지 로드페이지를 모두 사용 설정해야 합니다. 브라우저 기록 이벤트에 따른 변경사항 표시를 참조하세요.

    페이지 조회수 설정을 보여주는 이미지

  5. 변경사항을 저장합니다.

</ph>

측정 설정 확인

단일 페이지 애플리케이션에서 페이지 조회수를 올바르게 측정하는지 확인하려면 다음 단계를 따르세요.

  1. SPA 측정 설정에서 모든 태그에 디버그 모드를 사용 설정합니다. 자세히 알아보기 이벤트 모니터링 DebugView와 같은 고급 기능을 사용할 수 있습니다.

  2. 단일 페이지 애플리케이션을 클릭하여 진행합니다. 새 가상 머신을 클릭하면 DebugView에 새 page_view 이벤트가 표시됩니다. 비교 대상 확인할 이전 page_view 이벤트와 함께 page_view 이벤트 매개변수 페이지 리퍼러와 페이지 위치가 올바르게 업데이트된 경우