Блог

Я сделал nuxt.js приложение, и я хочу интегрировать Google Analytics. Я нашел @nuxtjs/google-analytics пакет, установил его и сделал все так, как было в документации, но он все равно не работает.

Вот nuxt.config.js

 module.exports = {
...
modules: [
    // Doc: https://axios.nuxtjs.org/usage
    '@nuxtjs/axios',
    '@nuxtjs/pwa',
    // 'nuxt-basic-auth-module',
    '@nuxtjs/google-analytics',
    '@nuxtjs/recaptcha'
  ],
  googleAnalytics: {
    id: process.env.GA_ID || ''
  },
}
 

Когда страница загружается в сеть браузера , я могу видеть analytics.js , но на analytics.google.com странице я ничего не вижу, даже нет онлайн-пользователей.

Кроме того, я попытался добавить событие при нажатии кнопки, и вот функция:

 async showLogin() {
  this.$ga.event({
    eventCategory: 'login',
    eventAction: 'login',
    eventLabel: 'login',
    eventValue: 1
  });
  await this.$router.push(`/${this.$store.state.locale}/login`)
},
 

Это то, что происходит, когда пользователь нажимает кнопку входа в систему, и, как я уже сказал, на analytics.google.com странице нет информации, и в сети браузера нет информации.

Итак, что я делаю не так? Если кто-то уже работал с Nuxt и Google Analytics, как вы интегрировали его в свое приложение? Я не нашел много информации в Интернете по этому вопросу, но я перепробовал все, что нашел, и это не работает.

nuxt.config.js

 const testingAnalytics = false

module.exports = {
  buildModules: [
    '@nuxtjs/google-analytics'
  ],
  googleAnalytics: {
    id: '', 
    /* 
      If testingAnalytics  === true than send test hits

      If testingAnalytics  === false than enable analytics
      only when process.env.NODE_ENV === 'production'
    */
    dev: testingAnalytics ? true : process.env.NODE_ENV !== 'production',
    debug: testingAnalytics
      ? {
        enabled: true,
        sendHitTask: true
      }
      : {}
  }
}