uni-app(vue2)微信小程序 + 神策埋点

1,156 阅读1分钟
简要介绍:
神策的文档上只有一些api的介绍,sdk的话也是区分了小程序和uni-app打包成安卓和ios的包,没有针对于uni-app打包成小程序的。也有一个是uni-app编译成小程序的,但文档看的是云里雾里,不是特别清晰。uni-app的话,也不会用到getApp().sensors,一般我们都是挂载到vue的原型上。
我在项目中使用到的神策具体是这样的步骤
  1. 按照【帮助中心】的提示,安装sdk
  • 通过 npm i sa-sdk-miniprogram 安装 SDK
  1. 在main.js里面导入、初始化并挂载

image.png

image.png 3. 配置公共属性

sensors.registerApp({
    xxx: 'xxx',
    xxx: 'xxx'
});
  1. 修改公共属性

image.png

    this.$sensors.registerApp({
	store_id: this.storeInfo.storeId,
	merchant_id: this.storeInfo.merchantId,
	is_login: function(){
            return  uni.getStorageSync('openId') ? true : false
        }
    });
  1. 事件代码埋点[带参、不带参]
//带参数:
this.$sensors.track('scan_assistant',{
    assistant_id: res.assistantDetail.id,
    assistant_name: res.assistantDetail.name
})
                                                
//不带参数:
this.$sensors.track('view_detail')

6.埋点成功后显示: 会在控制台显示数据 image.png

一个项目中的埋点大多也就使用到以上啦~