Vue.jsでGoogle Analyticsにイベントなどのタップ情報を送信したい

Question

前提・実現したいこと

Vue.js(Nuxt.js)で書かれているアプリでボタンがタップされた回数を計測したい。
画面が閲覧された時間なども取得したいが、順に対応するので今はボタンのみ

発生している問題・エラーメッセージ

検証用の環境に乗せる前に、localhostで取れるか確認したかったのだが、現状うまく計測ができていない模様。

該当のソースコード

• Test.vue

<template>
  <div class="main d-flex align-items-center">
    <div class="w-100">
      <div id="footerButtons">
        <b-button
          id="edit"
          v-if="innerRouteViewPage.editTo"
          @click="edit"
          class="prev"
        >
          <span class="nav-button-text">{{ modLabel }}</span>
        </b-button>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  methods: {
    edit () {
      // GAにデータを送る
      this.$ga.event('click', {
        event_category: 'footer_edit',
        event_label: '修正する'
      })
      this.$store.dispatch('routing/innerRouter/edit')
    }
  }
}
</script>

<style lang="scss" scoped>
@import '~/assets/scss/footer/FooterButton.scss';
</style>

• Nuxt.config.js

import i18n from './nuxt-i18n.config'
require('dotenv').config({ path: `./env/.${process.env.ENV}.env` })

export default {
  mode: 'spa',
  router: {
    base: process.env.SUB_DIRECTORY
  },
  vue: {
    config: {
      devtools: (process.env.ENV !== 'prod')
    }
  },
  /*
  ** Headers of the page
  */
  head: {
    title: process.env.npm_package_name || '',
    htmlAttrs: {
      lang: 'ja'
    },
    base: {
      href: 'router.base'
    },
    meta: [
      { charset: 'utf-8' },
      { name: 'viewport', content: 'width=device-width, initial-scale=1, user-scalable=no' },
      { hid: 'description', name: 'description', content: process.env.npm_package_description || '' },
      { name: 'robots', content: 'noindex' },
      // pwa iOS
      { name: 'apple-mobile-web-app-capable', content: 'yes' },
      { name: 'apple-mobile-web-app-status-bar-style', content: 'black' }
    ],
    link: [
      { rel: 'icon', type: 'image/x-icon', href: '/favicon.ico' }
    ]
  },
  /*
  ** Customize the progress-bar color
  */
  loading: { color: '#fff' },
  /*
  ** Global CSS
  */
  css: [
    '~/assets/default.scss',
    '~/assets/custom_base.scss',
    '~/assets/toasted.scss',
    '~/assets/transition.scss'
  ],
  // custom_base.scssからbootstrapのCSSを読み込む
  bootstrapVue: {
    bootstrapCSS: false, // or `css`
    bootstrapVueCSS: false // or `bvCSS`
  },
  /*
  ** Plugins to load before mounting the App
  */
  plugins: [
    '~/plugins/const/const',
    '~/plugins/const/pageConst',
    '~/plugins/const/urlConst',
    '~/plugins/toasted',
    '~/plugins/vuelidate',
    '~/plugins/modal',
    '~/plugins/filter',
    '~/plugins/conversion',
    process.env.MOCK !== 'true' ? '~/plugins/empty' : '~/plugins/mock',
    '~/plugins/VueQrcode',
    '~/plugins/day',
    '~/plugins/axios.interceptor.js',
    '~/plugins/ga'
  ],
  /*
  ** Nuxt.js dev-modules
  */
  buildModules: [
    // Doc: https://github.com/nuxt-community/eslint-module
    '@nuxtjs/eslint-module'
  ],
  /*
  ** Nuxt.js modules
  */
  modules: [
    // Doc: https://bootstrap-vue.js.org
    'bootstrap-vue/nuxt',
    // Doc: https://axios.nuxtjs.org/usage
    '@nuxtjs/axios',
    // Doc: https://github.com/nuxt-community/dotenv-module
    ['@nuxtjs/dotenv', {
      path: './env',
      filename: `.${process.env.ENV}.env`
    }],
    '@nuxtjs/style-resources',
    // multi language
    ['nuxt-i18n', i18n]
  ],
  /*
  ** Axios module configuration
  ** See https://axios.nuxtjs.org/options
  */
  axios: {
    baseURL: process.env.BASE_URL
  },
  /*
  ** Build configuration
  */
  build: {
    /*
    ** You can extend webpack config here
    */
    extend (config, { isClient, isDev }) {
      // 開発時にデバッグできるようにする
      if (isDev && isClient) {
        config.devtool = '#source-map'
      }

      config.resolve.extensions.push('.scss')
    }
  },
  watchers: {
    webpack: {
      poll: true
    }
  },
  /*
  ** server host
  */
  server: {
    host: '0.0.0.0', // デフォルト: localhost
    port: 3000
  },

  styleResources: {
    scss: [
      '~/assets/_variables.scss'
    ]
  },

  extensions: ['js', '.scss']
}

• plugins/ga.js

import Vue from 'vue'
import VueAnalytics from 'vue-analytics'

Vue.use(VueAnalytics, {
  id: process.env.VUE_APP_GA_ID
})

試したこと

https://qiita.com/hirohero/items/0f29a89cd08b421ccfe1
https://qiita.com/hisonl/items/2f7531b5b5f6a220c1f1

この辺を参考にしつつ、実施してみていました。

補足情報（FW/ツールのバージョンなど）

Nuxt.js：2.0.0
vue-analytics：5.22.1