Firebase Analytics에 의해 추적되지 않는 Vue 라우터 경로
내가 Firebase의 DebugView에 있을 때는 Firebase의 DebugView를 추적하지 않기 때문에, Vue 앱(및 SPA의 경우 일반적으로)에 대한 Firebase Analytics를 설정할 때 페이지 변경을 추적할 때 놓칠 수 있는 구성이 있는지 알고 싶다.page_view
s 페이지를 새로 고치거나 브라우저에 수동으로 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
'IT이야기' 카테고리의 다른 글
BootstrapVue로 프로그래밍 방식으로 내비게이션 링크를 구성하는 올바른 방법 (0) | 2022.04.02 |
---|---|
클래스 기반 접근방식과 비교하여 Hooks로 상태를 설정한 후 재렌더링할 때 어떤 차이가 있는가? (0) | 2022.04.02 |
클라이언트 없이 vuejs2 및 vue-router가 작동하도록 할 수 없음 (0) | 2022.04.02 |
Vue.js - 속성을 통해 구성 요소에 대해 여러 값(어레이)을 설정하는 방법 (0) | 2022.04.02 |
Vuex + vue-roouter에서 중앙 집중화된 상태로 분리된 구성 요소 (0) | 2022.04.01 |