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分钟后在基础报告里有监听

报告如下