동적 페이지 분석을 활성화하는 방법(Vue.js)

Question

저는 사용자가 동적 URL을 사용하여 새 페이지를 만들 수 있는 웹사이트를 구축하고 있습니다. 각 페이지에 개별적으로 트래픽 분석을 추가하고 사용자가 자신이 만든 페이지에 대해 수집된 데이터의 대시보드를 볼 수 있도록 하고 싶습니다(보기만 가능하며 특정 대시보드를 편집할 수 없어야 함). 이는 또한 새로운 사용자가 가입하고 자신의 페이지를 만들 때 자동으로 추적되도록 자동화되어야 합니다.

이 방법은 가능하다면 Vue.js에서도 작동하지만 바닐라 JS에서도 작동하는 모든 기능도 괜찮습니다.

Google Analytics나 유사한 대체 도구를 사용하여 이것이 가능합니까? 이거 비싼가요?

Answer 1

요즘 대부분의 웹 애플리케이션은 단일 페이지 애플리케이션이거나 클라이언트 측 웹 애플리케이션입니다. 이는 GA 등과 같은 대부분의 분석 플랫폼이 웹 애플리케이션에서 작동할 수 있음을 의미합니다.

그러나 필요한 측정항목을 캡처하려면 특정 방식으로 분석을 구현해야 합니다. Google 태그 관리자를 사용하고 DataLayer를 생성하면 장기적으로 작업이 더 쉬워질 것이라고 생각합니다. 데이터 영역을 사용할 수 있게 되면 모든 분석 도구에서 이 데이터를 사용할 수 있습니다.

화면 보기 변경 사항을 추적하려면 애플리케이션에서 사용할 수 있는 사용자 정의 트리거를 사용하여 화면 보기 변경 사항을 알리거나 여기에 언급된 대로 기록 변경 사항을 사용할 수 있습니다: Google 태그 관리자 및 단일 페이지 앱.

위 애플리케이션 변경 사항을 사용할 수도 있습니다. 다음은 데이터 계층을 채우고 GA를 포함한 모든 분석에서 데이터 계층의 값을 사용하는 간단한 경로입니다 .

다른 옵션은 vue-analytics를 사용하는 것입니다. 저자는 이해하기 쉬운 문서를 제공하며 지점은 여기

입니다.

이렇게 하면 추가된 새 페이지 등이 자동으로 추적됩니다.

도움이 되기를 바랍니다.