vue/uniapp 百度统计埋点

进入网站：百度统计——领先的中文网站分析平台

注册账户流程就不介绍了..功能是免费统计的

进入管理新增网站解锁功能

把此段代码写在项目的 pubilc/index.html的title标签下面：

<script>var _hmt = _hmt || [];(function() {var hm = document.createElement("script");hm.src = "https://hm.baidu.com/hm.js?xxxxxx";var s = document.getElementsByTagName("script")[0];s.parentNode.insertBefore(hm, s);})();
</script>

?后面是appKey 在你上图标线里替换一下

检查是否成功

点击后会有对应的事件

埋点事件分配：

在响应点击/开始/停止/下载等事件时，在JS中调用事件跟踪代码。

windows._hmt.push([‘_trackEvent’, category, action, opt_label,opt_value]);

category：要监控的目标的类型名称，通常是同一组目标的名字，比如”视频”、”音乐”、”软件”、”游戏”等等。该项必选。

action：用户跟目标交互的行为，如”播放”、”暂停”、”下载”等等。该项必选。

opt_label：事件的一些额外信息，通常可以是歌曲的名称、软件的名称、链接的名称等等。该项可选。

opt_value：事件的一些数值信息，比如权重、时长、价格等等，在报表中可以看到其平均值等数据。该项可选。

具体写法：

方法内写：

window._hmt.push(["_trackEvent", "nav", "click", "1-1"]);

nav代表监控目标的名称查看统计的时候可以看到列表 click 是事件 1-1 是对应的value 可以不带根据需求更替

一般我们这边参数: nav 代表跳转页面

Button 代表按钮点击

Time 页面停留

页面停留需要写个方法，我们这边没做这个方法大概方法是在created写一个计时器

离开页面卸载页面之前计算出时间进行调用方法一般没有特殊要求都不会这么写因为百度统计有页面停留时间除非特殊要求

window._hmt.push(["_trackEvent", "time", "watch", "3000s"]);

一般发送给百度统计会在30分钟后在基础报告里有监听

报告如下

vue/uniapp 百度统计埋点相关推荐

vue使用百度统计埋点
统计代码安装 //main.js 声明_hmt对象 var _hmt = _hmt || []; window._hmt = _hmt; // 必须把_hmt挂载到window下,否则找不到//统计代 ...
html引入百度地图报错,vue引入百度地图BMapGL，或者其他个性化地图
3.jpg vue的百度地图早就有vue-baidu-map这里就不赘述了, 自己去直接对着API写就好了,基本上已经满足绝大多数需求了还简单方便. vue-baidu-map 传送门 https:/ ...
Vue引用百度地图API
Vue引用百度地图API 一. 通过官网申请ak 1. 打开百度地图官网,在开发文档中找到JavaScript API 2.点击账号和获取密钥 3.按照页面步骤操作即可二. 通过模块化引入 1. 安 ...
vue使用百度地图获取位置信息
vue使用百度地图获取位置信息最近再做H5页面,就一个单页面,进来的时候,要获取地理位置,上代码 1.使用srcipt不受同源策略的影响,来获取百度api 写在了一个bmap.js里面,onBMap ...
H5 vue实现百度下拉列表交互操作示例
给大家分享一篇关于vue实现百度下拉列表交互操作示例的详细介绍,希望对同学们学习HTML5开发有所帮助,下面我们一起来看一下吧. www.jb51.net vue百度下拉列表 .gray{ backg ...
vue使用百度地图3.0,使用JavaScriptAPI版,聚合点,个性化地图切换卫星地图
为什么用JavaScript版,因为用vue的百度map有问题,地图显示不全,之前还以为是我的问题,结果去了官网发现官网的地图都是显示不全,也不知道咋回事,不知道现在修好了没,所以只好用JavaScr ...
vue整合百度地图（关键字检索）
百度地图文章目录百度地图一.申请百度地图的密钥二.官方示例三.使用vue整合百度地图步骤说明 3.1 效果图: 3.2 方式一 vue脚手架2.0版本引用(不推荐): 3.3 方式二封装成 ...
Vue+Echarts+百度地图小例子
刚学完Echarts后,看到一些官方例子,粘贴代码下来却实现不了相应的效果,经过一番了解,发现还要引入百度地图,记录详细过程如下. 1.安装echarts(使用3.x,4.x) npm install ...
vue+uni-app商城实战 | 第一篇：从0到1快捷开发一个商城微信小程序，无缝接入OAuth2实现一键授权登录
一. 前言本篇通过实战来讲述如何使用uni-app快速进行商城微信小程序的开发以及小程序如何接入后台Spring Cloud微服务. 有来商城 youlai-mall 项目是一套全栈商城系统,技术栈 ...
vue uniapp 微信小程序搜索下拉框模糊搜索
vue uniapp 微信小程序搜索下拉框模糊搜索话不多说直接贴代码 template <template><view class="index"> ...

vue/uniapp 百度统计埋点

vue/uniapp 百度统计埋点相关推荐

最新文章

热门文章