【埋点探针】微信小程序SDK安装

这篇具有很好参考价值的文章主要介绍了【埋点探针】微信小程序SDK安装。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

一、下载微信小程序SDK埋点代码

  1. 选择Wechat,复制sdk代码

  2. 在项目根目录下,创建sdk文件,webfunny.event.js

【埋点探针】微信小程序SDK安装,微信小程序,小程序

二、在app.js文件中,引入埋点SDK代码

  1. 首先引入sdk代码
require("./webfunny.event.js")
  1. 引入兼容代码,兼容代码是为了防止SDK加载失败时,避免埋点代码可能因找不到方法的问题。需要手动执行,在代码最开始的地方执行一次即可。
// 兼容代码
wx.webfunnyEvent = function (pointId) {
  if (wx._webfunnyEvent && typeof (wx._webfunnyEvent) === 'object') {
    if(Object.prototype.hasOwnProperty.call(wx._webfunnyEvent, pointId)) {
      return wx._webfunnyEvent[pointId];
    } else {
      console.warn('pointId error');
      return { trackEvent: () => { } }
    }
  } else {
      console.warn('please check SDK');
      return { trackEvent: () => { } }
  }
}
  1. 一般获取userId需要在登录之后,这一步可以延迟执行
// 传入业务信息
wx.setStorageSync('wmUserInfo', JSON.stringify({
  userId: '189xxxxxx19', // 身份标识,可以是:身份证号、手机号、userId
  userTag: 'tag', // 用户标签,可以是:某公司、某地方、某品牌
  projectVersion: '1.0.1', // 项目版本号
  env: 'pro', // 环境变量,可以是:dev、sit、stag、pro
  platform: '' // 平台,可以是:web、app、小程序
}))

【埋点探针】微信小程序SDK安装,微信小程序,小程序

三、上报点位数据

埋点SDK引入后,则可以开始上报点位信息了。

点位上报十分方便,只需要将下边的点位信息复制下来,放入代码中即可。

【埋点探针】微信小程序SDK安装,微信小程序,小程序

四、测试验证

点位上报完成后,可以在点位测试里验证是否上报成功了。选择点位后,如果能搜索出结果,则说明点位上报成功了。
【埋点探针】微信小程序SDK安装,微信小程序,小程序
如果你是前端工程师同学,对埋点系统想要实操,欢迎试用体验【webfunny前端监控埋点系统】

【埋点探针】微信小程序SDK安装,微信小程序,小程序文章来源地址https://www.toymoban.com/news/detail-858748.html

到了这里,关于【埋点探针】微信小程序SDK安装的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • 微信小程序 + 腾讯位置服务SDK 实现路线规划

    本文旨在以mpvue框架为基础,探讨地图类小程序的开发思路。 原作者利用mpvue + 腾讯地图的能力做了一个地铁路线规划的小程序,主要提供全球主要城市的地铁线网图及旅游介绍,其中国内城市支持查看地图和路线规划。 目前腾讯位置服务也推出了路线规划插件、地铁图插件

    2024年02月08日
    浏览(48)
  • uni-app微信小程序接入人脸核身SDK

    写这篇文章是记录自己使用慧眼的流程,由于网上另外一篇友链,并不是很支持uniapp、vue3、ts的架构 接⼊准备 ⼩程序前端接⼝请求有域名⽩名单限制,如果不添加只能再调试模式下运⾏,上线前需要将如下两 个域名在⼩程序后台添加服务器域名 uni-app接⼊ 步骤⼀:注册并创

    2024年02月16日
    浏览(75)
  • 【微信小程序】Java实现微信支付(小程序支付JSAPI-V3)java-sdk工具包

          对于一个没有写过支付的小白,打开微信支付官方文档时彻底懵逼 ,因为 微信支付文档太过详细, 导致我无从下手,所以写此文章,帮助第一次写支付的小伙伴梳理一下。 一、流程分为三个接口:(这是前言,先看一遍,保持印象,方便理解代码) 1、第一个接口:

    2024年02月03日
    浏览(58)
  • 23年9月最新微信小程序 手机号授权 (uniapp+盛派SDK) 帮你踩坑

    一、背景 微信小程序手机号授权接口,从23年8月开始实行付费验证。 文档地址:https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/getRealtimePhoneNumber.html   新版手机号授权说明如下: 自2023年8月28日起 【手机号实时验证组件】将需要付费使用。标准单价为:每次组件调用

    2024年02月08日
    浏览(49)
  • vue3引入JS-SDK实现h5分享小卡片、跳转微信小程序功能

    微信js-sdk官方文档: https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html 想要实现的效果: 1.登录微信公众平台,进入“公众号设置”的“功能设置”里填写“JS接口安全域名”。 2.通过npm引入js-sdk 安装成功后,可以在package.json中找到\\\"weixin-js-sdk\\\" 3.在main.js中,将js-sdk挂载

    2024年02月11日
    浏览(67)
  • 基于uni-app的埋点sdk设计

    onShow: function () { uni.showToast({ title: \\\'onShow\\\' }) }, { \\\"pageType\\\": \\\"leavePage\\\", \\\"networkType\\\": \\\"wifi\\\", \\\"pageInfo\\\": { \\\"pageUrl\\\": \\\"pages/index/newIndex\\\", \\\"title\\\": \\\"\\\" }, \\\"entryTime\\\": \\\"2024-04-10 13:18:50\\\", \\\"leaveTime\\\": \\\"2024-04-10 13:18:51\\\", \\\"nowTime\\\": \\\"2024-04-10 13:18:51\\\", \\\"stayTime\\\": 279, \\\"sysTemInfo\\\": { \\\"appName\\\": \\\"某某app\\\", \\\"appVersion\\\": \\\"2.1.4\\\",

    2024年04月11日
    浏览(35)
  • 【微信小程序】Java实现微信支付(小程序支付JSAPI-V3)java-sdk工具包(包含支付出现的多次回调的问题解析,接口幂等性)

          对于一个没有写过支付的小白,打开微信支付官方文档时彻底懵逼 ,因为 微信支付文档太过详细, 导致我无从下手,所以写此文章,帮助第一次写支付的小伙伴梳理一下。 一、流程分为三个接口:(这是前言,先看一遍,保持印象,方便理解代码) 1、第一个接口:

    2024年01月16日
    浏览(77)
  • Vue3.0跨端Web SDK访问微信小程序云储存,文件上传路径不存在/文件受损无法显示问题(已解决)

    需要vue3.0作为pc端的后台管理来连接微信小程序客户端 需要Web SDK的引入,实现vue3.0接入云开发环境 需要以云环境作为线上服务器,将vue3.0上传的本地文件通过云环境进入云储存,并将文件在云端生成云端快捷访问路径及http/https路径(公网路径) 修改云端储存的权限代码:

    2024年02月08日
    浏览(52)
  • 微信小程序 - 接入腾讯地图 SDK 及详细使用教程,结合小程序 mpa 地图组件展示腾讯地图(基础使用 / 授权当前位置 / 配合小程序map组件的使用 / 腾讯地图逆地址解析 / 坐标系的转化)

    网上的教程都太乱了,代码根本没办法拿到自己的项目中去。 本文实现了 微信小程序中接入使用腾讯地图插件详细教程,并提供了 基础使用 / 授权当前位置 / 配合小程序map组件的使用 / 腾讯地图逆地址解析 / 坐标系的转化等等操作, 你可以直接复制示例代码,稍微改改就能

    2024年02月09日
    浏览(120)
  • 跟我一起学开源设计第3节: 开源的服务端用户埋点SDK源码设计与实现分析

    在之前的分享中,我们通过引入用户行为分析Growing IO的客户端SDK,介绍了Spring Boot Starter的开发方法,同时也介绍了Spring Boot Starter中的常见的几项高级配置的玩法 本文来介绍该客户端SDK埋点的Java源码设计,希望可以借助这个源码分析和设计,可以让大家在日后的工作中,对

    2024年01月20日
    浏览(34)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包