php加cnzz,vue项目中添加cnzz统计

App.vue中添加如下代码

export default {

name: 'App',

mounted() {

// 创建cnzz统计js

const script = document.createElement('script')

script.src = `https://s4.cnzz.com/z_stat.php?id=${CNZZ_ID}&web_id=${CNZZ_ID}`

script.language = 'JavaScript'

document.body.appendChild(script)

watch: {

'$route': {

handler(to, from) {

// 避免首次获取不到window._czc

setTimeout(() => {

if (window._czc) {

const location = window.location

const contentUrl = location.pathname + location.hash

const refererUrl = '/'

// 如果您使用_trackPageview改写了已有页面的URL，那么建议您在CNZZ的JS统计代码执行前先调用_setAutoPageview，将该页面的自动PV统计关闭，防止页面的流量被统计双倍。

window._czc.push(['_setAutoPageview', false])

// 用于发送某个URL的PV统计请求，

window._czc.push(['_trackPageview', contentUrl, refererUrl])

}

}, 300)

// 首次进入页面即执行

immediate: true

}

注意替换“CNZZ_ID”字段，

然后打包部署，进入cnzz管理平台查看统计结果

php加cnzz,vue项目中添加cnzz统计相关推荐

vue 打开html流_在vue项目中添加一个html页面，开启本地服务器
在vue项目里新增一个不需要登录的页面,那么我只能新增一个html页面了,不经过路由,直接在浏览器输入路径打开,那么就需要用到本地服务器, 1.vue里面的html页面最好放过在public文件夹里面 ...
如何在VUE项目中添加使用LivePlayer.js直播点播H5免费播放器
在VUE项目中添加使用LivePlayer.js直播点播H5免费播放器 1.复制依赖文件 1.1 示例通过 webpack 插件自动复制依赖 1.1.1.编辑你的 webpack.config.js ...
关于vue项目中添加less，less-loader不能运行的问题
在vue项目中,我们通常会在style样式中引用less,这样我们就需要下载less和less-loader依赖包, 运行命令 npm install less less-loader --save ...
vue项目中加入百度统计
最近,在做本博客的改版,前台使用Vue,后台使用thinkphp6,做到前后分离.做百度统计的时候,遇到一系列问题,通过全方位查找资料,终于解决问题,本文主要记录一下解决Vue项目中,加入百度统计的具 ...
在vue项目中添加特殊字体
这里的特殊字体,指的是一般用户电脑未安装到本地的字体,要引入这样的字体,首先需要把字体文件下载下来. 就像上图这样的,ttf格式的,然后在项目里添加它. 然后我们在font.css里用@font-fa ...
在vue项目中添加看板娘
在个人网站中如何加入好看的看板娘组件效果如下: 首先下载live2dw组件,地址:链接:https://pan.baidu.com/s/1K1hixvM9_2ySMV674KQDtQ 提取码:rs8 ...
uniapp 项目中添加百度统计
需求描述在uniapp开发的H5项目中,需要通过百度统计代码将用户的操作信息进行记录统计. 1.新建 count.html 文件将文件放置在项目根目录下,文件名称自己随意. 2.百度统计代码 ...
canvas java 上传截图_在Vue项目中使用html2canvas生成页面截图并上传
使用方法项目中引入 npm install html2canvas html代码 //html代码 js代码 // 引入html2canvas import html2canvas from 'ht ...
在vue项目中导入element-ui
在vue项目中添加插件导入并注册项目中需要的组件
fabricJs 在vue项目中的实战记录（四）添加文字以及文字的操作[字体大小、颜色、字间距、行间距、透明度、加粗、斜体、下划线、删除线、对齐方式、字体设置]
在阅读以下文章的基础上查看本篇笔记: 第一篇:fabricJs 在vue项目中的实战记录(一)引入以及初始化第二篇:fabricJs 在vue项目中的实战记录(二)fabricjs设置海报背景(图片 ...

php加cnzz,vue项目中添加cnzz统计

php加cnzz,vue项目中添加cnzz统计相关推荐

最新文章

热门文章