自分用めも

初心者ちっくなプログラムネタを中心に、自分用の覚え書きをメモっていくための場所です。

vue.jsにGoogle Analyticsのタグを設定する

vue-gtag
Get started - vue-gtag
vue-analyticsが廃止となり、その後継モジュールとのこと。

インストール

$ npm add vue-gtag

main.js - 修正前

import Vue from 'vue'
import App from './App'

new Vue({
  el: '#app',
  components: { App },
  template: '<App/>'
})


main.js - 修正後

import Vue from 'vue'
import VueGtag from "vue-gtag";  // ←
import App from './App'

// ↓
Vue.use(VueGtag, {
  config: { id: "UA-xxxxxxx-x" }
});

new Vue({
  el: '#app',
  components: { App },
  template: '<App/>',
  render: h => h(App)  // ←
}).$mount("#app");  // ←

これだけで、タグが挿入されます。