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

2024-04-22 13:36

本文主要是介绍【埋点探针】微信小程序SDK安装,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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

  1. 选择Wechat,复制sdk代码

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

在这里插入图片描述

二、在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', // 身份标识,可以是:身份证号、手机号、userIduserTag: 'tag', // 用户标签,可以是:某公司、某地方、某品牌projectVersion: '1.0.1', // 项目版本号env: 'pro', // 环境变量,可以是:dev、sit、stag、proplatform: '' // 平台,可以是:web、app、小程序
}))

在这里插入图片描述

三、上报点位数据

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

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

在这里插入图片描述

四、测试验证

点位上报完成后,可以在点位测试里验证是否上报成功了。选择点位后,如果能搜索出结果,则说明点位上报成功了。
在这里插入图片描述
如果你是前端工程师同学,对埋点系统想要实操,欢迎试用体验【webfunny前端监控埋点系统】

在这里插入图片描述

这篇关于【埋点探针】微信小程序SDK安装的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/925919

相关文章

java程序远程debug原理与配置全过程

《java程序远程debug原理与配置全过程》文章介绍了Java远程调试的JPDA体系,包含JVMTI监控JVM、JDWP传输调试命令、JDI提供调试接口,通过-Xdebug、-Xrunjdwp参数配... 目录背景组成模块间联系IBM对三个模块的详细介绍编程使用总结背景日常工作中,每个程序员都会遇到bu

uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)

《uni-app小程序项目中实现前端图片压缩实现方式(附详细代码)》在uni-app开发中,文件上传和图片处理是很常见的需求,但也经常会遇到各种问题,下面:本文主要介绍uni-app小程序项目中实... 目录方式一:使用<canvas>实现图片压缩(推荐,兼容性好)示例代码(小程序平台):方式二:使用uni

python依赖管理工具UV的安装和使用教程

《python依赖管理工具UV的安装和使用教程》UV是一个用Rust编写的Python包安装和依赖管理工具,比传统工具(如pip)有着更快、更高效的体验,:本文主要介绍python依赖管理工具UV... 目录前言一、命令安装uv二、手动编译安装2.1在archlinux安装uv的依赖工具2.2从github

JDK8(Java Development kit)的安装与配置全过程

《JDK8(JavaDevelopmentkit)的安装与配置全过程》文章简要介绍了Java的核心特点(如跨平台、JVM机制)及JDK/JRE的区别,重点讲解了如何通过配置环境变量(PATH和JA... 目录Java特点JDKJREJDK的下载,安装配置环境变量总结Java特点说起 Java,大家肯定都

python获取指定名字的程序的文件路径的两种方法

《python获取指定名字的程序的文件路径的两种方法》本文主要介绍了python获取指定名字的程序的文件路径的两种方法,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要... 最近在做项目,需要用到给定一个程序名字就可以自动获取到这个程序在Windows系统下的绝对路径,以下

RabbitMQ 延时队列插件安装与使用示例详解(基于 Delayed Message Plugin)

《RabbitMQ延时队列插件安装与使用示例详解(基于DelayedMessagePlugin)》本文详解RabbitMQ通过安装rabbitmq_delayed_message_exchan... 目录 一、什么是 RabbitMQ 延时队列? 二、安装前准备✅ RabbitMQ 环境要求 三、安装延时队

linux系统上安装JDK8全过程

《linux系统上安装JDK8全过程》文章介绍安装JDK的必要性及Linux下JDK8的安装步骤,包括卸载旧版本、下载解压、配置环境变量等,强调开发需JDK,运行可选JRE,现JDK已集成JRE... 目录为什么要安装jdk?1.查看linux系统是否有自带的jdk:2.下载jdk压缩包2.解压3.配置环境

Python库 Django 的简介、安装、用法入门教程

《Python库Django的简介、安装、用法入门教程》Django是Python最流行的Web框架之一,它帮助开发者快速、高效地构建功能强大的Web应用程序,接下来我们将从简介、安装到用法详解,... 目录一、Django 简介 二、Django 的安装教程 1. 创建虚拟环境2. 安装Django三、创

基于Python编写自动化邮件发送程序(进阶版)

《基于Python编写自动化邮件发送程序(进阶版)》在数字化时代,自动化邮件发送功能已成为企业和个人提升工作效率的重要工具,本文将使用Python编写一个简单的自动化邮件发送程序,希望对大家有所帮助... 目录理解SMTP协议基础配置开发环境构建邮件发送函数核心逻辑实现完整发送流程添加附件支持功能实现htm

linux安装、更新、卸载anaconda实践

《linux安装、更新、卸载anaconda实践》Anaconda是基于conda的科学计算环境,集成1400+包及依赖,安装需下载脚本、接受协议、设置路径、配置环境变量,更新与卸载通过conda命令... 目录随意找一个目录下载安装脚本检查许可证协议,ENTER就可以安装完毕之后激活anaconda安装更