やること
先日作ったwebアプリreftikaにGoogle Analyticsを設定する。
webアプリの詳細はこちらの記事を参照ください。
<初心者>レファレンス協同データベースの記事をランダムに表示するWEBサービスをvue.jsで作りました。
やったこと
vue-routerを使っている場合は、やることは2つだけでした。
1.[Google Analytics]のページでアカウント作成
2.vue-analyticsの導入・設定
参考:
Vue-SPAでもGoogle Analyticsしたい!
Vue.jsのプロジェクトでGoogleAnalyticsの設置
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にグローバル・メソッドやグローバル・アセット、コンポーネントアクションなどを追加するもの。