步骤如下:
1. 打开网址, 使用自己的QQ登陆
2. 点击"我的应用" 0-> "HTML5应用" -> "新建应用", 此处已经新建好了一个, 如果要给按钮添加监听事件, 查看按钮的点击次数, 记得勾选"自定义事件".
![](https://img-blog.csdnimg.cn/20191230143000912.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5na2VndQ==,size_16,color_FFFFFF,t_70)
2. 点击自己应用的右上角管理,复制如下代码, 添加到index.html页面中去, 放在title下面, 如果不添加按钮监听事件, 就到此结束了.
![](https://img-blog.csdnimg.cn/20191230144458584.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5na2VndQ==,size_16,color_FFFFFF,t_70)
![](https://img-blog.csdnimg.cn/20191230143234853.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5na2VndQ==,size_16,color_FFFFFF,t_70)
3.注意:在单页面中,要是只加在head中的话那是没用的,因为App进入只能运行一次,记录的只有第一个页面,所以还需要在main.js中加入路由变化后的统计,在路由的afterEach函数中使用,这样就能保证单页应用的每个页面浏览进入时都能及时被上交给腾讯分析平台了。
![](https://img-blog.csdnimg.cn/20191230143703794.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5na2VndQ==,size_16,color_FFFFFF,t_70)
效果:
![](https://img-blog.csdnimg.cn/20191230145222804.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5na2VndQ==,size_16,color_FFFFFF,t_70)
4.绑定自定义事件,按钮点击量统计
1).先创建按钮事件:
![](https://img-blog.csdnimg.cn/20191230144723330.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5na2VndQ==,size_16,color_FFFFFF,t_70)
![](https://img-blog.csdnimg.cn/20191230144857376.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5na2VndQ==,size_16,color_FFFFFF,t_70)
![](https://img-blog.csdnimg.cn/20191230144104634.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5na2VndQ==,size_16,color_FFFFFF,t_70)
6.登录按钮的统计量页面:
![](https://img-blog.csdnimg.cn/2019123014501018.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3poYW5na2VndQ==,size_16,color_FFFFFF,t_70)
最后,如有问题,请留言,我看到后会第一时间处理回复,谢谢。