为 Vue 项目添加 cnzz 统计

在项目的 App.vue 中添加如下代码：

export default {name: 'App',mounted() {this.initCNZZ()},methods: {initCNZZ() {// 取自Umeng上添加站点时的统计代码// https://s5.cnzz.com/z_stat.php?id=xxxxxxxxxx&web_id=xxxxxxxxxxconst your_site_id = '123456789'const script = document.createElement('script')script.src = `https://s4.cnzz.com/z_stat.php?id=${your_site_id}&web_id=${your_site_id}`script.id='cnzz'script.language = 'JavaScript'document.body.appendChild(script)}},watch: {// 路由变化时发送统计'$route': {handler() {setTimeout(() => {if (window._czc) {let location = window.locationlet contentUrl = location.pathname + location.hashlet refererUrl = '/'window._czc.push(['_setAutoPageview', false])window._czc.push(['_trackPageview', contentUrl, refererUrl])}}, 300)},// 页面第一次加载的时候就执行immediate: true}}
}

欢迎关注公众号：可燃人物

为 Vue 项目添加 cnzz 统计相关推荐

vue项目添加百度统计
第一步:准备工作 1.使用百度账号登录百度统计平台(没有百度账号先注册一个) https://tongji.baidu.com/web/welcome/login 2.登录后进入管理 >账户管理 ...
vue项目引入CNZZ数据专家（方法汇总篇）
vue项目引入CNZZ数据专家(方法汇总篇) 很多网站都有cnzz数据统计,用于分析网站页面受访情况. 今天就来备注一下开发经验: vue如何集成cnzz数据专家进行受访记录? 友盟+CNZZ官方文档 ...
为 VUE 项目添加 PWA 解决发布后刷新报错问题
为 VUE 项目添加 PWA 解决发布后刷新报错问题参考文章: (1)为 VUE 项目添加 PWA 解决发布后刷新报错问题 (2)https://www.cnblogs.com/morang/p/9 ...
vue项目加入百度统计代码-统计网站浏览数据
申请百度统计账号,地址:https://tongji.baidu.com/sc-web/ 在vue项目的index.html文件中,加入两块js代码 <script>var _hmt = ...
如何在Vue中添加百度统计代码？
目录第一步:在百度统计网站中添加自己的网站第二步:在maim.js下添加百度统计代码第三步:创建beforeEach方法第四步:代码安装检查第一步:在百度统计网站中添加自己的网站百度统计官 ...
vue项目添加全局水印或某个指定页面水印源码
vue项目的页面添加水印,效果如图 index.vue import watermark from "./watermark"; mounted() {watermark.set( ...
Android版添加phonegap---为APP添加CNZZ统计插件教程
2019独角兽企业重金招聘Python工程师标准>>> 一:导入JAR包使用Eclipse进行开发的用户,首先将下载的MobileProbe.jar解压到本地工程目录下的libs子 ...
Hexo中NexT主题添加CNZZ统计
刚开始弄NexT主题的时候,对一些配置还不是很明白,所以一直都不敢弄. 今天总算有点精神,就把友盟的统计给加上了.之前一直都是用不蒜子的统计,但是不蒜子统计的内容太过简单了,不能够看到其他的一些数据. ...
vue项目添加拖拽功能
客户突然新增一个需求,菜单可以拖拽排序!!!!总是突然提一些脑抽的需求!!! 首先安装vue拖拽的插件,安装依赖包 npm install vuedraggable 然后呢就可以在项目中使用啦 imp ...
第一次搭建vue项目--添加依赖包、启动项目
1. package.json文件里面可配置这个项目的依赖包用vue-cli搭建项目后,package.json里面已经有一些依赖包了节点dependecies是运行项目时要依赖的包节点devD ...

为 Vue 项目添加 cnzz 统计

为 Vue 项目添加 cnzz 统计相关推荐

最新文章

热门文章