IT이야기

Firebase Analytics에 의해 추적되지 않는 Vue 라우터 경로

cyworld 2022. 4. 2. 10:24
반응형

Firebase Analytics에 의해 추적되지 않는 Vue 라우터 경로

내가 Firebase의 DebugView에 있을 때는 Firebase의 DebugView를 추적하지 않기 때문에, Vue 앱(및 SPA의 경우 일반적으로)에 대한 Firebase Analytics를 설정할 때 페이지 변경을 추적할 때 놓칠 수 있는 구성이 있는지 알고 싶다.page_views 페이지를 새로 고치거나 브라우저에 수동으로 URL을 입력하지 않는 한.일반 Google Analytics 모듈에 대해 알고 있다(vue-analytics( ) 초기화 시 라우터 개체를 전달해야 작동 가능하므로( 자세한 내용은) Firebase Analytics와 유사한 작업을 수행해야 한다는 것이 이해가 되지만, 문서에 대한 내용은 찾을 수 없다.

수동으로 전화를 걸어 보았다.logEvent('page_view')나의router.afterEach()가드, 하지만 그 다음엔 페이지마다 여러 번 변경 사항을 기록한다.

포함시킬 정보나 데모 코드가 있으면 알려줘.

그래서 이것이 문제를 해결하지는 않지만, 더 나은 답이 나올 때까지 내가 해야 할 일이다.

이동하기logEvent('page_view')처음부터router.afterEach()에 대비하다router.beforeEach()Firebase Analytics에 여러 번 기록되는 것을 방지하고 사용자 정의 추가type매개 변수를 사용하면 실제 페이지 변경/로드와 내부 "SPA" 페이지 변경/로드 사이를 구별할 수 있다.내 라우터 코드는 이렇게 생겼어.

router.beforeEach(async (to, from, next) => {
  firebase.analytics().logEvent('page_view', { type: 'internal' });
});

참조URL: https://stackoverflow.com/questions/61168644/vue-router-routes-not-tracked-by-firebase-analytics

반응형