vue中的浏览量_vue项目中使用百度统计

统计有多少人访问了自己的网站(wap端pc web端都适用)，或者更细的统计网站每个页面的访问量，可以使用百度统计

按提示注册登录即可

登录后-->管理-->新增网站，配置好后会出现如下的自有网站列表

在要统计的网站右侧，点击“获取代码”

拷贝要统计网站的代码

统计vue项目中的每个页面的访问量

1.在main.js中贴入拷贝的代码并稍作修改，使用window全局变量，如下：

var _hmt = _hmt ||[];

window._hmt= _hmt; // 修改为window 全局变量

(function() {var hm = document.createElement("script");

hm.src= "https://hm.baidu.com/hm.js?"+百度站点id;var s = document.getElementsByTagName("script")[0];

s.parentNode.insertBefore(hm, s);

})();

不使用window全局变量：_hmt会找不到然后报错，这是因为在一个js文件里声明的变量在另一个js文件里是找不到的，所以需要把_hmt挂载到window对象下,这样_hmt成为了全局变量，就可以在任何地方访问了

2.在路由创建实例后，调用beforeEach方法，保证每个路由跳转时都将其跳转的路由推给百度。

import Vue from 'vue'import Router from'vue-router'import HelloWorld from'@/components/HelloWorld'import Main from'../pages/Main.vue'Vue.use(Router)

const routes=[

{

path:'/hellowold',

name:'HelloWorld',

component: HelloWorld

},{

path:'/main',

name:'Main',

component: Main

}]//export default new Router({ mode: 'history',//routes: routes//})

const router= newRouter({

routes: routes

})

router.beforeEach((to, from, next)=>{if (window._hmt) {

if(to.path) {

window._hmt.push(['_trackPageview', '/#' +to.fullPath])

}

}next()

})

exportdefault router

https://www.jianshu.com/p/febd38110645

单页面vue引入百度统计 https://www.cnblogs.com/zengfp/p/9778119.html

vue中的浏览量_vue项目中使用百度统计相关推荐

list vue 删除后页面渲染_Vue项目中v-for数组删除第n项元素产生渲染错误问题及解决方法...
项目背景最近使用Vue(版本2.9)开发一个项目时,要生成表单列表,所以使用了v-for来做循环,循环里的元素(item)是一个子组件.同时每个元素都有删除按钮,点击后删除当前元素. 初始代码如下: ...
vue 方法获取返回值_Vue项目中Api的组织和返回数据处理的操作
项目中的所有Api配置放在一个文件中,便于查找和修改,Api的版本从配置文件(config.js)中读取,采用 apiPrefix + url 的形式组成. 在配置文件中,Api 的配置采用 Http ...
vue使用ts 引入组件_vue项目中使用ts（typescript）入门教程
最近项目需要将原vue项目结合ts的使用进行改造,这个后面应该是中大型项目的发展趋势,看到一篇不错的入门教程,结合它并进行了一点拓展记录之.本文从安装到vue组件编写进行了说明,适合入门. 1.引入T ...
vue按钮字体大小设置_vue项目中应用自定义的字体
1.下载ttf文件,保存到assets/css/font里面,在css下面新建font.css. 2.font.css内容:在这,有些ttf的格式可能不对,在项目中用不了,我一般去https://ww ...
vue中的浏览量_vue中前进刷新、后退缓存用户浏览数据和浏览位置的实践
从列表页 ------> 详情页, 再从详情页 -----> 列表页 ,要保存上次已经加载的数据和自动还原上次的浏览位置 1. 缓存组件,vue2中提供了keep-alive.首先在我们的 ...
idea中vue文件游览器图标_vue项目中icon图标的完美引入
经典语录:一切就像滑滑梯.一路上放肆张扬的笑了下来.最终重重的摔在下面.头破血流. 一.那些离开你的人,无论当初是出于什么原因离开的,也许他犹豫过挣扎过不舍过,但至少在他决定要走的那一瞬间,他觉得没有 ...
IntelliJ IDEA 如何知道项目中的模块数据_如何从项目源中选择模块加入当前项目中（添加模块）_如何移除项目中的模块（移除模块/删除模块）
文章目录 IDEA 如何获取项目的模块数据从项目源中选择模块加入当前项目中如何移除项目中的模块方式一,选择模块的根目录(Content Root),鼠标右键 Remove 方式二,打开[项目结构 ...
Java中的properties文件中的key不能使用项目中的接口名和Java文件名
Java中的properties文件中的key不能使用项目中的接口名和Java文件名,否则在反射生成实体类的时候会出现报错的情况.
【Vue】16.vue项目里引入百度统计
参考官网:百度统计开放平台百度统计最近往项目里面引入百度统计,也是在网上查了各种资料,把百度统计的官网api又好好的看了一下,顺着文档的步骤,一步一步走下来,其实还蛮简单的,首先先在百度统计注册一 ...
vue怎么vw布局好用_Vue项目中使用vw实现移动端适配-阿里云开发者社区
我们在vue移动端项目中的适配一般都采用rem,但是rem也不是能兼容所有的终端. 随着viewport单位越来越受到众多浏览器的支持,下面将简单介绍怎么实现vw的兼容问题,用vw代替rem 当我们采 ...

vue中的浏览量_vue项目中使用百度统计

vue中的浏览量_vue项目中使用百度统计相关推荐

最新文章

热门文章