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

news/2025/1/11 5:07:21/

步骤如下:

1. 打开网址, 使用自己的QQ登陆

http://mta.qq.com/

2. 点击"我的应用" 0-> "HTML5应用" -> "新建应用", 此处已经新建好了一个, 如果要给按钮添加监听事件, 查看按钮的点击次数, 记得勾选"自定义事件".

新建应用

2. 点击自己应用的右上角管理,复制如下代码, 添加到index.html页面中去, 放在title下面, 如果不添加按钮监听事件, 就到此结束了.

 

把自己创建的应用管理中产生的脚本代码复制放进自己的程序里,如下图:
放在index.html中

3.注意:在单页面中,要是只加在head中的话那是没用的,因为App进入只能运行一次,记录的只有第一个页面,所以还需要在main.js中加入路由变化后的统计,在路由的afterEach函数中使用,这样就能保证单页应用的每个页面浏览进入时都能及时被上交给腾讯分析平台了

检测路由变化后仍旧提交页面浏览脚本给腾讯平台,防止单页应用只记录第一次进入根目录时的页面。

 效果:

本地测试的浏览页面统计已经可以在平台查看了

 4.绑定自定义事件,按钮点击量统计

       1).先创建按钮事件:

新增按钮事件,然后讲产生的事件代码添加到自己程序中对应的功能按钮上,如下图:
产生的登录按钮对应的代码

 

将平台产生的登录按钮代码绑定自己代码中对应的事件即可

 

6.登录按钮的统计量页面:

平台上已经能产看到各大功能按钮的点击量相关信息了

 

 

最后,如有问题,请留言,我看到后会第一时间处理回复,谢谢。

 

 

 

 


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

相关文章

[小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…

vue大数据表格解决方案的比较

前言 近些年公司一直采用vue2.xElement UI进行开发&#xff0c;对于Element UI&#xff0c;由于起步较早&#xff0c;相关的生态一直比较成熟&#xff0c;各种问题在某度上也能找到比较完美的解决方案&#xff0c;最最重要的一点是bug也比较少。 凡是总有个但是&#xff1a;&a…