할 일

다른 날 만든 웹 앱reftika에 Google 웹로그 분석을 설정합니다.

웹 앱에 대한 자세한 내용은 이 문서를 참조하세요.
<초보자> 레퍼런스 협동 데이터베이스의 기사를 무작위로 표시하는 WEB 서비스를 vue.js에서 만들었습니다.

했던 일

vue-router를 사용하는 경우에는 두 가지 작업 만이었습니다.
1. [Google 애널리틱스] 페이지에서 계정 만들기
2.vue-analytics의 도입·설정

참고:
Vue-SPA에서도 Google 웹로그 분석을 원합니다!
Vue.js 프로젝트에 Google Analytics 설치

1. Google 웹로그 분석 페이지에서 계정 생성

[Google 애널리틱스]

2.vue-analytics 설치 및 설정

vue-analytics의 github

설치

npm install vue-analytics -save

설정

main.js에 추가

main.js

import VueAnalytics from 'vue-analytics'

Vue.use(VueAnalytics, {
  id: 'UA-XXX-X'      ←google analyticsのID
})

ES5를 작성하는 방법의 경우 main.js는 다음과 같이 한다.

main.js

const VueAnalytics = require('vue-analytics').default

Vue.use(VueAnalytics, {
  id: 'UA-XXX-X'      ←google analyticsのID
})

이제 Google 애널리틱스 페이지에 반영됩니다.

기타

위에서도 사용하고 있는 Vue.use()는 원래 무엇인가라는 초보적인 것이 모호했기 때문에 메모.
· Vur.use ()는 플러그인을 사용하는 데 사용됩니다.
・플러그인이란 Vue에 글로벌 메소드나 글로벌 애셋, 컴퍼넌트 액션등을 추가하는 것.

참고:
Vue.use( )를 쓰거나 쓰지 않는 경우
공식 가이드 - 플러그인