vue单页应用项目加入百度统计代码

news/2025/1/11 1:57:41/

在网上各种找不到vue项目加入百度统计的代码与实现:

自己探索出了一套加入百度统计的办法,首先要明确一点,因为vue是单页应用,所以直接加百度统计代码到index.html的header里面是并没有什么用的,页面只加载一次。


首先来看一下百度统计的官方API,_trackPageview

用于发送某个指定URL的PV统计请求,通常用于AJAX页面的PV统计。

语法

_hmt.push(['_trackPageview', pageURL]);

举例

_hmt.push(['_trackPageview', '/virtual/login']);

参数

名称 必选/可选 类型 功能 备注
pageURL 必选 String 指定要统计PV的页面URL 必须是以"/"(斜杠)开头的相对路径
他的作用很明显,就是直接监听某一个页面的百度统计

这个时候我们可以通过vue的vue-router的每次变化,来把虚拟的url地址直接给百度统计的公共API接口,让他们自己去处理


在main函数里面做一下的处理:

router.beforeEach((to, from, next) => {// 统计代码if (to.path) {_hmt.push(['_trackPageview', '/#' + to.fullPath]);}next();
});

搞定!


http://www.ppmy.cn/news/666654.html

相关文章

vue项目引入腾讯移动分析平台统计页面浏览量和功能按钮点击量的具体方法步骤

步骤如下: 1. 打开网址, 使用自己的QQ登陆 http://mta.qq.com/ 2. 点击"我的应用" 0-> "HTML5应用" -> "新建应用", 此处已经新建好了一个, 如果要给按钮添加监听事件, 查看按钮的点击次数, 记得勾选"自定义事件". 新建应用 …

[小o地图-数据] - 下载行政区范围内的POI数据

先感受一下下载动图,下载广西全境汽车服务类POI数据 注意:上面例子中,广西的行政区范围并非连续区域,而是由多个分散的范围组成,小O地图照样可以无遗漏的抓取全域数据。绝大多数爬虫软件都做不到的哦! 操作…

poi生成excel大数据量的合并单元格操作优化

poi生成excel大数据量的合并单元格操作优化 之前根据官网给的api和example,对excel单元格的合并操作使用下方的代码(poi版本 3.12) public class MergedCells {public static void main(String[] args) throws IOException {HSSFWorkbook wb…

后端大数据量导出Excel支持百万级以内数据量

XSSFWorkbook&#xff1a;突破HSSFWorkbook的65535行局限 使用NPOI.XSSF导出&#xff0c;话不多说 直接上代码 导出封装方法&#xff0c;传入datatable数据集 /// <summary> /// 大数据量 /// </summary> /// <param name"dt"></param> /…

修改POI源码,优化百万级大数据量Excel导出

一、问题背景 最近在做项目大数据量Excel导出时&#xff0c;有前端反馈响应速度很慢&#xff0c;基本表现为前端页面触发请求之后&#xff0c;过了很长时间才会在浏览器页面弹出下载文件的窗口&#xff0c;而且响应时间会随着数据量的递增成正比。 注&#xff1a;目前项目中涉…

POI 实现word(doc/docx)与excel(xls/xlsx)浏览器预览

POI 实现word(doc/docx)与excel&#xff08;xls/xlsx&#xff09;浏览器预览 一、环境准备 1.jdk&#xff1a;1.8 2.maven&#xff1a;3.6 3.springboot&#xff1a;2.2.2 二、MAVEN主要依赖 <dependency><groupId>org.apache.poi</groupId><artifac…

基于vue解决大数据表格卡顿问题

点我在线体验Demo(请用电脑查看) 亲测苹果电脑&#xff0c;chrome浏览器无卡顿现象&#xff0c;其它浏览器并未测试&#xff0c;如遇到卡顿请备注系统和浏览器&#xff0c;方便我后续优化&#xff0c;谢谢 先看一下效果,一共1000 X 100 10W个单元格基本感受不到卡顿&#xff0…

基于Vue3+ECharts5+datav的疫情数据可视化大屏/地图项目

本项目是一个基于Vue3ECharts5datav打造的一个每日疫情数据大屏可视化开源项目&#xff1b;通过nginx部署在阿里云服务器上 效果展示 在线预览地址&#xff1a;http://lj520zz.top/ 服务器已过期 请大家动动手点点star 项目前台源码地址&#xff1a;https://github.com/qdfud…