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

步骤如下:

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

http://mta.qq.com/

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

新建应用

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

 

把自己创建的应用管理中产生的脚本代码复制放进自己的程序里，如下图：

放在index.html中

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

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

 效果：

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

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

       1).先创建按钮事件：

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

产生的登录按钮对应的代码

 

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

 

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

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

 

 

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