やること

先日作ったwebアプリreftikaにGoogle Analyticsを設定する。

やったこと

vue-routerを使っている場合は、やることは2つだけでした。
1.[Google Analytics]のページでアカウント作成
2.vue-analyticsの導入・設定

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 Analyticsのページに反映されます。

上記でも使っているVue.use()ってそもそも何なのかという初歩的なことがあいまいだったのでメモ。
・Vur.use()はプラグインを使用するために使用する。
・プラグインとはVueにグローバル・メソッドやグローバル・アセット、コンポーネントアクションなどを追加するもの。