Nuxt学习笔记——集成 Google 统计分析服务

我不是女神ヾ 2021-12-21 17:05 443阅读 0赞

## Google 统计分析服务 ##

根据官网教程在 plugins 目录下创建ga.js 文件，具体内容贴代码（后面再看什么意思，先拿来主义）：

/*
    ** 只在生产模式的客户端中使用
    */
    if (process.client && process.env.NODE_ENV === 'production') {
      /*
      ** Google 统计分析脚本
      */
      (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
      (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
      m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
      })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');
      /*
      ** 当前页的访问统计
      */
      ga('create', 'UA-XXXXXXXX-X', 'auto') //UA-XXXXXXXX-X 你的 Google 统计分析服务的跟踪编号
    }
    
    export default ({ app: { router }, store }) => {
      /*
      ** 每次路由变更时进行pv统计
      */
      router.afterEach((to, from) => {
        /*
        ** 告诉 GA 增加一个 PV
        */
        ga('set', 'page', to.fullPath)
        ga('send', 'pageview')
      })
    }

然后修改nuxt.config.js中代码：

module.exports = {
      plugins: [
        { src: '~plugins/ga.js', ssr: false }
      ]
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，443人围观）

还没有评论，来说两句吧...

相关阅读

相关 Android Google Analytics（分析）集成教程

This tutorial is about google analytics android integration. 本教程是关于Google Analytics(分析)

港控/mmm°/ 2022年12月07日 13:55/ 0 赞/ 421 阅读

相关 google地图学习笔记（1）

google地图学习笔记（1）文章目录 google地图学习笔记（1）关于API\_KEY的说明第一个程序：Hello Wor

怼烎@/ 2022年12月01日 15:47/ 0 赞/ 229 阅读

相关 Nuxt服务端渲染- Nuxt目录解释

.nuxt assets 包含一些未编译的静态资源，包括LESS、SASS、JS、icon图片等 components vue组件存放目录 lay

悠悠/ 2022年10月16日 15:30/ 0 赞/ 237 阅读

相关机器学习Google课程学习笔记（全）

对机器学习很感兴趣，这段时间在学Google机器学习速成课程，免费的学习视频，很适合入门。学习时喜欢用有道云笔记来做笔记，下图是我在学习时做的笔记标题截图；一篇篇复制到博客

￡神魔★判官ぃ/ 2022年05月26日 03:44/ 0 赞/ 224 阅读

相关统计学习方法学习笔记

逻辑斯蒂回归（Logistic Regression） [逻辑斯蒂回归（Logistic Regression）][Logistic Regression] 算法里这里

墨蓝/ 2022年03月09日 01:44/ 0 赞/ 182 阅读

相关 Nuxt学习笔记——集成 Google 统计分析服务

Google 统计分析服务根据官网教程在 plugins 目录下创建ga.js 文件，具体内容贴代码（后面再看什么意思，先拿来主义）： / 只在生产

我不是女神ヾ/ 2021年12月21日 17:05/ 0 赞/ 444 阅读

相关 Nuxt学习笔记——Nuxt项目安装

一、脚手架安装nuxt.js npm init nuxt-app ----npm安装 npx create-nuxt-app <项目名> ----npx安装（确保安装

深藏阁楼爱情的钟/ 2021年12月21日 11:09/ 0 赞/ 891 阅读

相关 Nuxt学习笔记——在nuxt中使用vue-quill-editor

在nuxt中使用vue-quill-editor 参考[资料地址][Link 1][https://www.jianshu.com/p/dcd2aac870b8][Lin

╰+攻爆jí腚メ/ 2021年12月20日 11:37/ 0 赞/ 289 阅读

相关 Hadoop学习笔记—20.网站日志分析项目案例（三）统计分析

> 网站日志分析项目案例（一）项目介绍：[http://www.cnblogs.com/edisonchou/p/4449082.html][http_www.cnblogs.

野性酷女/ 2021年11月22日 19:06/ 0 赞/ 285 阅读

相关统计分析微服务

一数据库设计 1 数据库创建数据库：guli\_statistics 2 数据表 DROP TABLE IF EXISTS `statistics_

桃扇骨/ 2021年07月24日 23:26/ 0 赞/ 271 阅读