1. 注册小程序
去产品中找到“小程序统计”,点击进入
点击进入控制台
在“应用概览” 中的应用列表里面,点击添加应用
填写小程序信息,并点击注册
2. 安装SDK及集成
根据提示,进入项目的终端,进行安装
集成
在uniapp 的main.js 文件中,加上代码
// 友盟埋点
import umeng from "umtrack-wx";
umeng.init({
appKey: '替换刚刚注册应用的appKey',
//umnAppKey即友盟给出的appkey
// 使用Openid进行统计,此项为false时将使用友盟+uuid进行用户统计。
// 使用Openid来统计微信小程序的用户,会使统计的指标更为准确,对系统准确性要求高的应用推荐使用Openid。
useOpenid: true,
// 使用openid进行统计时,是否授权友盟自动获取Openid,
// 如若需要,请到友盟后台"设置管理-应用信息"(https://mp.umeng.com/setting/appset)中设置appId及secret
autoGetOpenid: true,
debug: true, //是否打开调试模式
uploadUserInfo: true // 自动上传用户信息,设为false取消上传,默认为false
});
umeng.install = function (Vue) {
Vue.prototype.$umeng = umeng;
};
Vue.use(umeng);
修改小程序合法域名
现在,需要取微信公众平台,登录自己的小程序
进入“开发”-“开发管理”-“开发设置”-“服务器域名”-修改“request合法域名”
加上 https://umini.shujupie.com 保存即可
友盟设置应用的appid和appSecret
在微信公众平台获取到小程序的appid和appSecret(进入“开发”-“开发管理”-“开发设置”-“开发者ID” 中复制到)
回到上述步骤一的“应用概览”页面,选择“设置”-“应用信息”
的里面选择刚刚注册的小程序应用,修改基础设置,将appid和appSecret填入后保存。
而后点击“去接入”,进行验证,是否成功
如果验证不成功,那就看看步骤2里面的“集成”部分的代码中是否替换自己的AppKey
完成!!!
3. 自定义事件
回到“首页”-“应用概览”-点击自己小程序应用的“查看”
进入目录“价值转化”-“自定义事件”
去“事件管理”中“添加事件”-“手工添加”看到如下图片
谨慎填写“事件ID”,不可更改,且在页面用到,下面trackEvent第一个参数
点击确定后,添加完成,而后回到uniapp项目代码中,找到自己添加位置,写如下:
某个vue页面
this.$umeng.trackEvent("text", {
data: '自己的参数信息',
});
某个js文件中,或其它this.$umeng不生效的地方
import umeng from "umtrack-wx";
umeng.trackEvent('text', {
'url': '/pages/index/index', // 当前小程序路径
'shop': {},
});