附上官网地址:
https://mta.qq.com/docs/wechat_mini_program.html
官网很详细,我就大概总结一下吧
创建应用
进入“我的应用”,选择微信小程序 新建应用,创建应用,即注册成功
下载SDK
(1)js文件方式下载:到官网导航栏点击SDK下载,选择微信小程序SDK下载;
(2)npm方式下载:npm install mta-wechat-analysis --save
3.工程配置
-
在小程序开发设置中,将https://pingtas.qq.com 添加为request合法域名
4.嵌入代码
将SDK放置入项目中,目录自定义,并在应用入口app.js中引入SDK,例如:var mta= require('path/to/mta_analysis.js')
在应用入口app.js的App.onLaunch方法调用如下代码段,做统计信息初始化(可在小程序应用“应用管理”选择配置并拷贝代码):
//示例代码
mta.App.init({
"appID":"500013092",
"eventID":"500015824", // 高级功能-自定义事件统计ID,配置开通后在初始化处填写
"lauchOpts":options, //渠道分析,需在onLaunch方法传入options,如onLaunch:function(options){...}
"statPullDownFresh":true, // 使用分析-下拉刷新次数/人数,必须先开通自定义事件,并配置了合法的eventID
"statShareApp":true, // 使用分析-分享次数/人数,必须先开通自定义事件,并配置了合法的eventID
"statReachBottom":true // 使用分析-页面触底次数/人数,必须先开通自定义事件,并配置了合法的eventID
});在需要统计的页面js中引入SDK,在Page.onLoad调用mta.Page.init(),完成初始化和统计
5.集成测试验证
访问页面,在network中查看成功发起pingtas.qq.com的上传,状态码200
6.自定义事件
在管理台上选中开通自定义事件统计,并获得eventID
更新App.onLaunch上报初始化代码,注入eventID
在"基础分析"-"自定义事件"-"事件列表"中配置自定义事件,以及参数(如需要),将生成自定义事件代码在事件发生处调用mta.Event.stat(…)。例:
//这里要统计一个搜索事件
mta.Event.stat("tab", {"query":"aa"});"tab" 为事件id,在配置管理页面自定义
"query" 为事件参数的key,在配置管理页面自定义
"aa" 为事件参数的value,来自业务系统用户的实际输入