如何将 Google Analytics 集成到您的 Nuxt.js 应用程序中

独木舟

我已经制作了 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
      }
      : {}
  }
}

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何使用异步脚本将Google Analytics(分析)集成到GWT中

如何将Node.js实施到Ionic / Angular应用程序中?

如何将Node.js应用程序部署到Google Cloud?

如何将Angular 2应用程序集成到Django应用程序中

无法将D3.js(可折叠树)集成到Angular应用程序中

如何将CCAvenue集成到Ionic应用程序?

如何将完成的nuxt.js应用程序部署到Web服务器?

如何将背景JS动画集成到我的React应用程序中?

我如何永远使用Nuxt.js应用程序?

如何在next.js应用程序中使用Google Analytics(分析)?

如何在Nuxt.js应用程序中合并SQL Server

您如何将R Shiny中的事件发送到Google Analytics(分析)?

在nuxt.js中设置Google Analytics(分析)4

如何将Google表格集成到Chrome扩展程序

如何将Node.js聊天应用程序实现到现有网站中?

如何在单页应用程序中的Google Analytics(分析)中触发页面查看事件?

如何将Google Maps集成到Android App中

将PayPal沙箱集成到您的Web应用程序

如何将现有的angular js应用程序集成到Laravel 5中

将JS应用程序集成到WordPress插件中

将Google登录功能集成到您的Android应用中时出错

如何将 Google Analytics Dashboard 访问到我们的 C# Web 应用程序或门户中?

如何检查应用程序的 Nuxt.js 版本?

如何将 HTML 模板中的 css/js 集成到 Laravel 应用程序中?

您如何将 covid19.analytics 中的 live.map 函数添加到闪亮的应用程序中?

如何将主应用程序中的整数传递到单独的 js 文件中?

将 Nuxt JS SSR 应用程序部署到 Google Cloud App Engine Standard

如何将 jQuery 安装到 Nuxt.js 中?

如何将 Google Meet 集成到 iframe 中?