npm package discovery and stats viewer.

Discover Tips

  • General search

    [free text search, go nuts!]

  • Package details

    pkg:[package-name]

  • User packages

    @[username]

Sponsor

Optimize Toolset

I’ve always been into building performant and accessible sites, but lately I’ve been taking it extremely seriously. So much so that I’ve been building a tool to help me optimize and monitor the sites that I build to make sure that I’m making an attempt to offer the best experience to those who visit them. If you’re into performant, accessible and SEO friendly sites, you might like it too! You can check it out at Optimize Toolset.

About

Hi, 👋, I’m Ryan Hefner  and I built this site for me, and you! The goal of this site was to provide an easy way for me to check the stats on my npm packages, both for prioritizing issues and updates, and to give me a little kick in the pants to keep up on stuff.

As I was building it, I realized that I was actually using the tool to build the tool, and figured I might as well put this out there and hopefully others will find it to be a fast and useful way to search and browse npm packages as I have.

If you’re interested in other things I’m working on, follow me on Twitter or check out the open source projects I’ve been publishing on GitHub.

I am also working on a Twitter bot for this site to tweet the most popular, newest, random packages from npm. Please follow that account now and it will start sending out packages soon–ish.

Open Software & Tools

This site wouldn’t be possible without the immense generosity and tireless efforts from the people who make contributions to the world and share their work via open source initiatives. Thank you 🙏

© 2024 – Pkg Stats / Ryan Hefner

@alipay-inc/mpaas-miniapp-analytics

v1.1.1-alpha.22

Published

mpaas, aliyun, mobile paas

Downloads

24

Readme

mPaaS小程序统计

能力概述

mPaaS小程序统计平台,面向开发者提供微信、支付宝、字节、头条、百度、QQ、天猫精灵小程序数据统计能力。集成后可在mPaaS管理后台查看您的小程序数据

使用方法

  • 在mPaaS控制台开通小程序统计,并获取统计代码

原生小程序

import Maa from '@alipay-inc/mpaas-miniapp-analytics';

Maa.init({ 
  appId: '<appId>',
  workspaceId: '<workspaceId>',
  id: '<id>',
  reportURL: 'url',             // 必填,接受埋点的服务地址。
  pluginId: '',                 // 非必填,插件内使用时填写所属插件的 id,小程序环境请勿配置该属性
  platform: '',                 // 非必填,手动指定运行平台,例如 mpaas 小程序内使用时,请手动指定为 'mpaas'
  getUserInfo: () => ({					// 查询用户信息的方法,支持异步
      "user_id" : "" // 用户ID
      "operators_var" : "", // 赋值运营商名称(移动、联通、电信)。
      "prov_var" : "", // 赋值省份名称。
      "city_var" : "" // 赋值地市名称。
  })
});
  • 在小程序源码中的app.js中,顶部插入以上代码即可

uniapp小程序

uniapp小程序,需要在 main.js 中初始化并且用条件编译区分开不同端的ID

import Vue from 'vue'
import App from './App'
import Maa from "@alipay-inc/mpaas-miniapp-analytics";

 //#ifdef  MP-WEIXIN
  Maa.init({ 
    appId: 'xxxxx',           // mPaaS控制台上App 唯一标识
    workspaceId: 'test',      // mPaaS控制台上环境标识
    id: '203233454387956273', // 在mPaaS注册的微信小程序ID
    reportURL: '',            // 接受埋点的服务地址。
    getUserInfo: () => ({     // 查询用户信息的方法,支持异步
        "user_id" : "" // 用户ID
        "operators_var" : "", // 赋值运营商名称(移动、联通、电信)。
        "prov_var" : "", // 赋值省份名称。
        "city_var" : "" // 赋值地市名称。
    })
  });
  //#endif

  //#ifdef  MP-ALIPAY
  Maa.init({ 
    appId: 'xxxxx',           // mPaaS控制台上App 唯一标识
    workspaceId: 'test',      // mPaaS控制台上环境标识
    id: '203233454387956273', // 在mPaaS注册的支付宝小程序ID
    reportURL: '',            // 接受埋点的服务地址。
    platform: '',             // 构建 mpaas 小程序时,platform 值请设置为'mpaas'
    getUserInfo: () => ({     // 查询用户信息的方法,支持异步
        "user_id" : "" // 用户ID
        "operators_var" : "", // 赋值运营商名称(移动、联通、电信)。
        "prov_var" : "", // 赋值省份名称。
        "city_var" : "" // 赋值地市名称。
    })
  });
  //#endif

// 使用Maa插件 同时将 Maa 暴露到全局,在使用手动埋点时可直接this.$Maa.tracker({})
Vue.use(Maa);

Vue.config.productionTip = false
App.mpType = 'app'
const app = new Vue({
  ...App
})
app.$mount()

uniapp 分享埋点

在需要分享自定义path的页面里的 onShareAppMessage 手动添加埋点,否则不会自动上报。


 onShareAppMessage(res) {
      const params = {
        title: '自定义分享标题1',
        path:"/pages/test/test?id=123"
      }
      // 调用Maa分享埋点上报
      this.$Maa.onPageShareMessage(params);
      if (res.from === 'button') {// 来自页面内分享按钮
        return params
      }
      return params
    }

setUserInfo 设置用户信息\更新用户信息

新增 setUserInfo 接口,用以更新传入的用户信息。

当前必填值为 user_id ,其余为缺省值。

原生小程序使用方式:

Maa.setUserInfo({ 
    "user_id" : " // 用户ID
    "operators_var" : "", // 赋值运营商名称(移动、联通、电信)。
    "prov_var" : "", // 赋值省份名称。
    "city_var" : "" // 赋值地市名称。
});

uniapp 可使用方式:

this.$Maa.setUserInfo({ 
    "user_id" : " // 用户ID
    "operators_var" : "", // 赋值运营商名称(移动、联通、电信)。
    "prov_var" : "", // 赋值省份名称。
    "city_var" : "" // 赋值地市名称。
});

手动埋点 Maa.tracker

mPaaS提供自定义统计小程序业务数据的 tracker 接口

  Maa.tracker({ 
    eventName: '<string>', // 事件名
    eventData: '<Object>', // 事件数据
  });

页面访问发生时采集

若您需要在页面访问发生时采集其他信息,可使用如下代码示例:

  Maa.tracker({ 
    eventName: 'minpPageView', // 事件名
    eventData: {
        "seed":"xxxx", // 事件ID
        "referpageName_var" : "首页", // 页面访问时上一个页面名称。
        "pageName_var" : "我的", // 页面访问时当前页面名称。
        "iop_tacticsId_var" : "xxxx", // 页面访问时当前页面对应的IOP策略ID号。(物品模型)
        "referFlowId_var" : "xxxx", // 页面访问时来源入口位置ID。(物品模型<url参数解析>)
        }, // 事件数据
    });

事件码

若您需要在事件发生时采集,可使用如下代码示例:

  Maa.tracker({ 
    eventName: 'eventClick', // 事件名
    eventData: {
      "seed":"xxxx", // 事件ID
      "pageName_var" : "首页", // 事件发生时所在页面。
      "flowArea_var" : "轮播", // 事件发生时所在区域。
      "position_var" : "1", // 坑位、运营位位置。
      "flowName_var" : "xxxx" // 事件发生时当前流量位内容或按钮名称等。
      "flow_goodsId_var" : "xxx" // 事件发生时当前流量位的商品ID等。(物品模型)
      "flow_contentId_var" : "xxx" // 事件发生时当前流量位的内容ID等。(物品模型)
      "iop_tacticsId_var" : "xxxxx", // 页面访问时当前页面对应的IOP策略ID号。(物品模型)
      "flowId_var" : "xxxx", // 页面访问时当前页面运营位位置ID。(物品模型)
      }, // 事件数据
    });

业务流程码(业务办理前端流程)

若您需要在业务办理时采集,可使用如下代码示例:

  Maa.tracker({ 
    eventName: 'bussinessProcessing', // 事件名
    eventData: {
      "seed":"xxxx", // 事件ID
      "goodsId_var" : "xxx", // 业务办理时所属的商品ID。
      "goodsName_var" : "xxxxx", //业务办理时商品名称。
      "skuId_var" : "xxxx", // 业务办理时所属的skuID。
      "skuName_var" : "5xxxxx", //业务办理时sku名称。
      "goodsType_var" : "套餐", //业务办理时商品类型。
      "processType_var" : "提交订单",  // 业务办理时的每个办理步骤。(页面浏览、立即办理、二次确认-确认、身份认证、二次确认-取消、提交订单、提交订单成功、提交订单失败、办理成功、办理失败、支付成功、支付失败)
      "errorMessage_var" : "xxxx",  // 业务办理失败时的失败原因明细。(网络问题、业务互斥……)
      "payType_var" : "xxxx", // 业务办理支付时的支付方式名称。(支付宝、微信……)
      "orderNumber_var" : "xxx", // 业务办理支付完成时所属订单号。
      "ordertype_var" : "xxx" // 业务办理支付完成时所属订单类型名称。
      "iop_tacticsId_var" : "xxx", // 页面访问时当前页面对应的IOP策略ID号。(物品模型)
      "referFlowId_var" : "xxxx", // 页面访问时当前页面运营位位置ID。(物品模型)
      }, // 事件数据
    });