如何将SDK集成至mpvue框架构建的小程序中(微信小程序插件版本)


一、接入SDK

1.1 配置 SDK

下载 SDK,将解压得到的文件夹 sdk 拷贝到小程序项目的 static 目录中。

1.2 配置SDK

使用编辑器打开 ald-stat-conf.js 文件,填写在阿拉丁申请的 app_key并配置plugintrue

  //ald-stat-conf.js
  exports.app_key = ""; //请在引号中填写从阿拉丁后台获取的appkey
  exports.getLocation = false; //默认不获取用户坐标位置
  exports.plugin = true;  //您的小程序中是否使用了插件。根据是否启用插件会有不同的接入方式,请参考文档文档。

1.3 在项目中入口文件main.js引入SDK

引入SDK,在实例化Vue的时候调用MpvueApp并以参数的形式传入

import { MpvueApp } from '../static/ald-stat'
import Vue from 'vue'
import App from './App'

Vue.config.productionTip = false
App.mpType = 'app'

const app = new Vue( MpvueApp(App) )
app.$mount()

1.4 在每个页面对应的main.js中引入SDK,在实例化Vue的时候调用MpvuePage并以参数的形式传入

import { MpvuePage } from '../static/ald-stat'
import Vue from 'vue'
import App from './App'

const app = new Vue( MpvuePage(App) )
app.$mount()

1.5 添加微信request合法域名

管理员或开发者身份在微信小程序后台→设置→开发者设置中添加 request合法域名log.aldwx.com

1.6 检查是否集成成功

在小程序开发编辑器中,查看控制台中的Network是否有信息上报,且status状态为200。

二. 高级功能

2.1 事件功能

仅需统计事件,不统计参数时,可使用如下方法:

var app = getApp();
app.aldstat.sendEvent('事件名称'); // 事件名称规范: 不超过255个字符

需要统计带参数的事件时,可使用如下方法:

var app = getApp();
app.aldstat.sendEvent('事件名称',{
    '参数' : '参数值',
    '参数_2' : '参数值2'
});

如何在Page中进行埋点


const app = getApp()
export default {
  data () {
    return {}
  },

  methods: {
    eventSend(){
      app.aldstat.sendEvent('点击了Button按钮')
    }
  },
}

检查自定义埋点是否上报成功,在开发者工具中

参数 类型 描述
事件名称 string 描述用户的动作名称,不超过255个字符,支持特殊字符
参数 string 动作的参数,不超过255个字符,支持特殊字符但不包括(英文逗号 , 英文冒号 : 点 .)
参数值 string 动作的参数值,不超过255个字符,支持特殊字符但不包括(英文逗号 , 英文冒号 : 点 .)

2.2 设置是否获取用户坐标(可选)

阿拉丁统计 SDK 默认不会在小程序启动时获取用户的坐标信息。
请注意:
a.不获取用户坐标信息会影响用户地域分布的分析准确性;
可以通过修改配置文件启用这两项功能:使用编辑器打开ald-stat-conf.js 文件,修改 getLocation(位置信息)配置项为 true 即可开启应功能(缺省为 false,即关闭)。

© aldwx.com 北京阿拉丁未来科技有限责任公司 all right reserved,powered by Gitbook修订时间: 2019-09-25 10:41:29

results matching ""

    No results matching ""