기타/프런트엔드

[vuejs] 구글 애널리틱스 적용

에잇콘텐츠 2020. 4. 1. 16:18

vuejs로 배포한 서비스를 구글 애널리틱스 적용하는 방법입니다. 

 

1) 구글애널리틱스 가입 후 추적하고자 하는 사이트 도메인을 입력 후 추척코드를 받는다.

https://analytics.google.com

 

2) vuejs 프로젝트에 npm으로 설치

npm install vue-analytics

https://www.npmjs.com/package/vue-analytics

 

3) vuejs 에서 src/main.js에 아래 코드를 작성 

id 에는 1)에서 부여받은 추적코드를 작성해 줍니다. 

import VueAnalytics from 'vue-analytics'

// 구글 애널리틱스
Vue.use(VueAnalytics, {
  id: ,
  router
})

 

4) 구글애널리틱스 결과 확인 (간단한 설정을 통해서 DAU, MAU를 확인 할 수 있습니다.)

구글 애널리틱스 결과