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

最新推荐文章于 2022-04-02 14:20:32 发布

张刻骨

最新推荐文章于 2022-04-02 14:20:32 发布

阅读量2.5k

点赞数 1

分类专栏：工作简记文章标签： vu项目腾讯移动分析统计页面浏览量统计功能按钮点击量统计

本文链接：https://blog.youkuaiyun.com/zhangkegu/article/details/103765729

版权

步骤如下:

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

http://mta.qq.com/

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

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

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

张刻骨

关注关注

1
点赞
踩
4

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

专栏目录

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

weixin_30852391的博客

12-31

2145

统计有多少人访问了自己的网站(wap端pc web端都适用)，或者更细的统计网站每个页面的访问量，可以使用百度统计按提示注册登录即可登录后-->管理-->新增网站，配置好后会出现如下的自有网站列表在要统计的网站右侧，点击“获取代码”拷贝要统计网站的代码统计vue项目中的每个页面的访问量1.在main.js中贴入拷贝的代码并稍作修改，使用window全局变量，如下：var _h...

vue中的浏览量_vue项目中统计页面访问量PV UV

weixin_39933082的博客

12-22

7676

PV：page view 页面的访问量、浏览量。UV：Unique Visitor 一天24小时内，你的网站访问的IP数量。我们以vue项目来举例，每访问一个页面，都会经过main.js文件，所以我们在main.js中调用接口，将页面链接，名称等参数传递给后端即可。router.afterEach((to, from, next) => {comFun.hasToken().then(() ...

1 条评论您还未登录，请先登录后发表或查看评论

11.1Vue电商后台管理系统完善数据报表：新增了报表--页面访问量

weixin_47505105的博客

04-02

2243

Vue电商后台管理系统完善了数据报表：新增了另一个报表--页面访问量，该报表可以显示：不同的日期下每一个页面的访问量

vue + echarts实现数据可视化统计页面

LINGK98的博客

08-02

9360

1、该项目自行下载element-ui、moment、echarts等vue的相关依赖包； 2、该项目里面的echarts样式主题“walden.js”是个人自己配置的样式，可到官网自行配置或者选择默认样式；先上效果图：标数据可视化网页代码参考：三个echarts子组件（比较懒，子组件代码就做出一个组件画一张图，可以通过JavaScript对dom元素进行操作实现一组件画多图的效果，以后会考虑写一下） chart1.v...

vue如何实现点击一篇文章后，文章的访问量增加1个

weixin_39818813的博客

04-09

3878

实现的逻辑是：前端每调用成功一次页面数据接口，就相当于阅读了一次文章，前端获取到数据成功后，将访问量字段的值自增1个，然后将增加后访问量字段再传给后端，保存在数据库中代码实现： getArticle(index, types, idIndex) { this.axios .get("articles/get") .then(res =&gt...

相关业务问题+系统问题+设计问题整理统计

热门推荐

张彦峰的博客

04-07

170万+

网站统计-设计思路（访客数，浏览量，平均访问时长，平均同时在线人数，最高同时在线人数）

热风

03-11

8159

前言网站做好了，领导让求几个指标，网上找了许久。两个思路: 1，百度腾讯等，提供了统计的产品接口，可以直接使用，十分方便。但是使用的方式是把数据放到他们的服务器上让他们去分析，这个接受不了。 2，网上的大致的实现方案：双埋点加记录分析。下面是这种方案的具体设计。 3，创建完数据库表格，需求给砍了。。。这里记录一下，因为还没写代码，后面的一些坑还没考虑。需求访客数：指在统计日访问招商平台的用户数量（同一端口用户一天登陆N次只计算一个），以次为单位。（ps：跟正常的不太一样） 浏览量，指统计日平台用

Vue3.0项目---蜘蛛电影（解析）

weixin_43842821的博客

04-09

928

项目简介蜘蛛电影主要是仿猫...

vue灵犀外卖微信小程序源码

08-17

在这个项目中，源码包含了所有用于构建“vue灵犀外卖微信小程序”的Vue.js代码，包括页面结构、组件定义、网络请求、数据处理等功能。开发者可以通过阅读和分析源码来理解项目的实现方式，进行二次开发或自定义修改...

用axios发送请求，全局拦截请求，获取到错误

mrhaoxiaojun的博客

10-10

1万+

axios.interceptors.response.use(function (response) { // 对响应数据做点什么return response; }, function (err) { if (err && err.response) { switch (err.response.status) { case 400: err.me

vue中前进刷新、后退缓存用户浏览数据和浏览位置的实践

Qianliwind的博客

09-23

562

vue中，我们所要实现的一个场景就是： 1.搜索页面==>到搜索结果页时，搜索结果页面要重新获取数据， 2.搜索结果页面==>点击进入详情页==>从详情页返回列表页时，要保存上次已经加载的数据和自动还原上次的浏览位置。最近在项目中遇到这个问题，思考了几套方案，总是不太完善。百度搜到的方案也基本都只能满足一些很简单的需求。对于复杂一些的情况，还是有些不完善的地方。以下是个人对于这种场景的一个摸索，也参考了百度。如有更好的方案，欢迎指出。缓存组件，vue2中提供了keep-aliv

Vue如何写埋点，统计PVUV，用户的喜爱程度、停留页面的时长

weixin_46605745的博客

08-26

6133

封装PVUV统计方法下面康康我在不同的情况下在页面的使用下面就是我们的最后一步，如何在axios的config.headers添加自字段领导提出了一个需求，写pvuv要统计用户的访问量和喜好，俺也没写过，但是我们组的后台非常的强大，他总结了办法，身为前端的我只要在每次上报接口的时候顺带携带上headers头部字段即可。 ##我们直接看代码吧，这是一个在vue项目里utils封装的一个js文件，命名为PVUV.js import Cookies from 'js-cookie' //取到用户信息唯一标识

vue中的浏览量_Laravel 5.3和vuejs实现文章浏览次数问题

weixin_39856803的博客

12-22

721

Laravel 5.3和vuejs实现文章浏览次数问题：我的思路是这样的：1、文章详情页打开时，用js取得这个详情页的id。2、用js检查cookie中是否有该id，(1)如果没有，就向cookie中写入该id，并发送ajax请求，后台把浏览次数+1；(2)如果有该id，就不做任何操作，这样当刷新页面时就不会重复更新浏览次数。问题：js代码不知怎么写完整，详见下面js部分描述。代码：文章详情页视图...

vue项目中使用百度统计

素描本里的男子的博客

05-27

547

统计有多少人访问了自己的网站（wap端pc web端都适用），或者更细的统计网站每个页面的访问量，可以使用百度统计百度统计传送门按提示注册登录即可登录后–>管理–>新增网站，配置好后会出现如下的自有网站列表在要统计的网站右侧，点击“获取代码” 拷贝要统计网站的代码统计vue项目中的每个页面的访问量 var _hmt = _hmt || []; window._hmt = _hmt; // 修改为window 全局变量 (function () { var hm

基于Vue的数据埋点统计

602bsuperleo的博客

07-08

2168

数据埋点已经不是什么新鲜事儿了，最近刚好做到，记录一下，话不多说，进入正题。一、准备工作这部分比较简单，就是定义埋点数据上报相关的工作，首先和你的后端小伙伴定义好数据格式和数据库表，其次就是前端上报流程设计。假设你们已经定义好埋点数据表和埋点数据上报接口，这时候前端就要认真思考如何设计上报流程了，因为前端不可能每触发一次就上报一次，这样用户多的情况下，接口压力很大，这就需要考虑如何存储操作数据了，一般来说，存储不可能放到storage里面去，老油条们可以从浏览器中看到你收集了什么数据，因此我们选用vue

vue 项目统计网站pv uv

Ton555555的博客

11-18

1086

router.afterEach((to, from, next) => { setTimeout(() => { var _hmt = _hmt || [] ;(function() { var hm = document.createElement('script') hm.src = 'https://hm.baidu.com.............地址' var s = document.getElementsByTagName(

vue友盟埋点，用户使用情况浏览记录统计

xieyizi95的博客

12-14

2142

vue友盟埋点，浏览记录统计记录受访分析情况受访页面、站内入口和站内出口的情况统计安装vue-uweb之后，需要进行一系列配置，详情请见https://www.ctolib.com/mip/raychenfj-vue-uweb.html 这里主要阐述使用情况： trackPageview这个属性在用户页面访问过程中可以统计以下信息受访页面：浏览次数、输出PV、平均页面停留时间等数据站内入口：浏览次数、进入次数、跳出率、平均访问深度、平均访问时长、入口页次数占比等数据站内出口：浏览次数、离开次数、

nav-tage、vue3.0顶部历史浏览记录代码实现 vuex + el + vue3.0

LiuLin_CF的博客

08-06

490

顶部导航栏 vue3.0 代码实现 TagsView.vue的代码实现 <template> <div class="content"> <div class="content-left"> <el-button icon="el-icon-arrow-left" type="primary" @click="handleNavClick('RIGHT')"></el-button> <div ref="n

Vue + Matomo 实现访问流量统计

qq_43086723的博客

06-08

4567

matomo是一款很好用的统计访问量的系统，包括浏览量，访问地址，代码监控，页面操作等都有统计。目前国内很少有公司用到matomo，我也是偶然机会接触到它了，在此记录一下 Matomo环境配置 Matomo官网 Matomo/Piwik中文网地址内有vue-matomo简单介绍以及demo. Matomo官网搭建所需环境要求 Nginx搭建 Php搭建 Mysql搭建全部搭建完成并启动成功后，然后下载matomo安装包 https://matomo.org/download/ 将