uniapp 小程序 友盟埋点

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': {},
});
  • 5
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
UniApp接入友盟推送(UMeng Push)的步骤如下: 1. **初始化配置**: 首先,在项目中引入友盟的SDK。在`main.js`或全局配置文件中,添加友盟推送的配置,包括APPID和服务器URL。 ```javascript import { uniPush } from '@dcloudio/uni-push' uniPush.init({ appKey: 'YOUR_APP_KEY', // 替换为你的友盟AppKey channel: '', // 渠道标识,可选 onNotification: function (notification) {}, // 接收通知回调 openMiniProgram: false, // 是否打开小程序通知,默认false }) ``` 2. **注册设备**: 在用户登录后,需要获取并注册用户的设备标识以便接收推送消息。 ```javascript uniPush.registerDevice(function(res) { console.log('设备注册成功,token:', res.data.token) }, function(err) { console.error('设备注册失败:', err) }) ``` 3. **设置推送通知**: 友盟提供了丰富的通知设置,包括通知类型、标题、内容等,可以通过`setNotificationConfig`方法进行配置。 4. **发送推送**: 当需要向特定用户或者所有用户发送推送时,调用`sendNotification`方法,传入接收者列表和消息内容。 5. **监听事件**: 可以监听友盟推送的事件,如打开通知、点击通知等,通过`addEventListener`方法。 ```javascript uniPush.addEventListener('registrationSuccess', function (event) { console.log('注册成功', event.detail) }) ``` 6. **测试推送**: 在友盟后台创建测试推送,确保在模拟器或真机上正确显示和接收。 **相关问题--:** 1. 如何在UniApp中关闭友盟推送? 2. 如何查看友盟推送的统计分析? 3. 推送通知失败如何处理错误信息?
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值