当前位置: 首页 > news >正文

浙政钉实现埋点(浙政钉-H5小程序应用采集开发手册)

浙政钉-H5&小程序应用采集开发手册

埋点代码分为:稳定性监控代码(Emas)和流量分析代码(A+)。稳定性监控代码(Emas)只需要在首页加入。流量分析代码(A+)每个页面都需要加入,但是可以写通用js,在其他页面引入。

适用范围

  • 本文档适用于浙政钉业务web(H5)或小程序应用。
  • 不适用App端native页面。

采集流程

埋点开发主要步骤如下:

  • 采集首先需要引用SDK,SDK引用方式分为web(Hs5)和小程序两种方式;
  • 完成SDK引用后,可设置用户信息进行用户信息埋点;
  • 可通过上报日志API对埋点信息实现上报;
    开发者可根据实际情况分别参考下文进行采集埋点开发。

1、web(H5)引用SDK方式

在页面head内引用aplusJS

web(h5)通用采集SDK:浙政钉直接进行埋点。

注意:域名修改为 alog-api.ding.zj.gov.cn

<script>(function(w, d, s, q, i) {w[q] = w[q] || [];var f = d.getElementsByTagName(s)[0],j = d.createElement(s);j.async = true;j.id = 'beacon-aplus';j.src = 'https://alidt.alicdn.com/alilog/mlog/aplus_cloud.js';f.parentNode.insertBefore(j, f);})(window, document, 'script', 'aplus_queue');aplus_queue.push({action: 'aplus.setMetaInfo',arguments: ['aplus-rhost-v', 'alog-api.ding.zj.gov.cn']});aplus_queue.push({action: 'aplus.setMetaInfo',arguments: ['aplus-rhost-g', 'alog-api.ding.zj.gov.cn']});var u = navigator.userAgentvar isAndroid = u.indexOf('Android') > -1var isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)aplus_queue.push({action: 'aplus.setMetaInfo',arguments: ['appId', isAndroid ? '28302650' : isIOS ? '28328447' : '47130293']});
</script>

基础埋点

web(h5)普通页面的PV日志是自动采集的,如果你的应用为单页应用,或者需要在PV日志里加上特定的埋点参数,可以这样埋点(如无这方面需求略过):

// 单页应用 或 “单个页面”需异步补充PV日志参数还需进行如下埋点:
aplus_queue.push({action: 'aplus.setMetaInfo',arguments: ['aplus-waiting', 'MAN']
});
// 单页应用路由切换后 或 在异步获取到pv日志所需的参数后再执行sendPV:
aplus_queue.push({'action':'aplus.sendPV','arguments':[{is_auto: false}, {// 自定义PV参数key-value键值对(只能是这种平铺的json,不能做多层嵌套),如:x: 111,y: 222}]
})

说明:

如对sendPV这个API有疑问可以参考 上报日志-sendPV API说明 查阅其详细用法。

用户信息埋点

// 如采集用户信息是异步行为需要先执行这个BLOCK埋点
aplus_queue.push({action: 'aplus.setMetaInfo',arguments: ['_hold', 'BLOCK']
});
// 设置用户ID,用户设备ID可不做上报,若上报可使用开放平台JSAPI获取UUID
//用户id需要埋政钉用户真实信息,用户ID必须用accountId,可通过开放平台“获取用户详情”接口获取。
aplus_queue.push({action: "aplus.setMetaInfo",arguments: ["_user_id", "当前用户ID"]
});
aplus_queue.push({action: "aplus.setMetaInfo",arguments: ["_dev_id", "当前用户设备ID"]
});// 如采集用户信息是异步行为,需要先设置完用户信息后再执行这个START埋点
// 此时被block住的日志会携带上用户信息逐条发出
aplus_queue.push({action: 'aplus.setMetaInfo',arguments: ['_hold', 'START']
});

注意事项:

如果需要采集用户信息,那么上述单页应用的sendPV调用也需要置于 _hold:BLOCK 和 _hold:START配置之间。

2、小程序引用SDK方式

下载小程序通用采集SDK:📎aplus_mini_202951027.js

基础配置

1.准备config内容如下:

// 如私有云日志服务端域名类似于:quickaplus-web-api.xxx.com.cn
{	'metaInfo': {'appId':ptf=='ANDROID'?'28302650':ptf=='IOS'?'28328447':'47130293',// PV日志接收日志域名,必须按实际情况填写'aplus-rhost-v': 'alog-api.ding.zj.gov.cn',// 一般日志(如点击和曝光)接

相关文章:

浙政钉实现埋点(浙政钉-H5小程序应用采集开发手册)

浙政钉-H5&小程序应用采集开发手册 埋点代码分为:稳定性监控代码(Emas)和流量分析代码(A+)。稳定性监控代码(Emas)只需要在首页加入。流量分析代码(A+)每个页面都需要加入,但是可以写通用js,在其他页面引入。 适用范围 本文档适用于浙政钉业务web(H5)或小程序应…...

【笔记】Helm-4 最佳实践-3 模板

模板 最佳实践指南的这部分聚焦于模板。 templates/结构 template/目录结构应该如下&#xff1a; 1、如果生成YAML输出。模板文件应该有扩展名.yaml。扩展名是.tpl可用于生成非格式化内容的模板文件。 2、模板文件名称应该使用横杠符号&#xff08;my-example-configmap.yam…...

网络爬虫基本原理的介绍

网络爬虫&#xff0c;也称为网络蜘蛛&#xff0c;是互联网浏览中的一种自动化程序&#xff0c;主要用于抓取并下载互联网上的网页信息。对于大部分搜索引擎&#xff0c;网络爬虫是其核心组件&#xff0c;用于构建和更新网页的索引。这篇博客将详细介绍网络爬虫的基本原理。 一…...

Qt配置OpenCV

首先安装好Qt Createor&#xff0c;CMake&#xff0c;OpenCV,我本次使用的是Qt6.3.4和OpenCV4.6.0 Qt Creator清华镜像源:https://mirrors.tuna.tsinghua.edu.cn/qt/official_releases/qtcreator/OpenCV官网下载: https://opencv.org/releases/ 一. 编译OpenCV 首先使用Qt C…...

单片机I/O口驱动MOS管

自记录&#xff1a; 看完本章&#xff0c;串起来看&#xff0c;看mos驱动电路这篇&#xff1a;MOS管驱动电流计算以及分立器件驱动电路-CSDN博客 使用单片机做一个PLC,输出可如下两种情况&#xff1a; 单片机I/O口驱动&#xff0c;为什么一般都选用三极管而不是MOS管&#xf…...

k8s---helm

Helm是什么&#xff1f; 在没有helm之前。部署一个服务&#xff0c;需要deployment、service、ingress、挂在卷等等相关配置都需要人工来配置。 helm的作用就是通过打包的方式&#xff0c;把需要人工编写的配置集成在一起。是一键式的部署服务。类似于yum功能。 由官方提供的…...

HarmonyOS(十三)——详解自定义组件的生命周期

前言 自定义组件的生命周期回调函数用于通知用户该自定义组件的生命周期&#xff0c;这些回调函数是私有的&#xff0c;在运行时由开发框架在特定的时间进行调用&#xff0c;不能从应用程序中手动调用这些回调函数。 下图展示的是被Entry装饰的组件生命周期&#xff1a; 今…...

设计模式-责任链

之前写代码的时候看到过有审批场景使用了责任链&#xff0c;当时大概看了一下代码实现&#xff0c;今天终于有时间抽出来梳理一下&#xff0c;下面是本文的大纲&#xff1a; 使用场景 审批场景的普遍应用 实际案例&#xff1a;HttpClient中的责任链模式 责任链模式在事件处理、…...

ubuntu怎么安装docker

sudo apt-get update sudo apt-get install \ ca-certificates \ curl \ gnupg \ lsb-release 添加Docker官方的GPG密钥 curl -fsSL https://mirrors.aliyun.com/docker-ce/linux/ubuntu/gpg | sudo apt-key add -使用以下命令设置稳定存储库。要添加 夜间或测试存储库&…...

UE4运用C++和框架开发坦克大战教程笔记(十五)(第46~48集)

UE4运用C和框架开发坦克大战教程笔记&#xff08;十五&#xff09;&#xff08;第46~48集&#xff09; 46. 批量加载 UClass 功能测试批量加载多个同类 UClass 资源 47. 创建单个资源对象测试加载并创建单个 UClass 资源对象 48. 创建同类资源对象 46. 批量加载 UClass 功能 逻…...

《Linux系列》Linux虚拟机,LVM逻辑卷扩容,xfs文件系统扩容

Linux虚拟机&#xff0c;LVM逻辑卷扩容&#xff0c;xfs文件系统扩容 1 虚拟机配置介绍 在创建虚拟机的时候只给了20G磁盘空间大小&#xff0c;但是现在需求变更&#xff0c;想要增加到40G磁盘空间大小&#xff0c;所以需要通过两步扩容磁盘空间。 系统版本是Centos7 根目录…...

springboot(ssm动漫手办商城 动漫周边商系统Java系统

springboot(ssm动漫手办商城 动漫周边商系统Java系统 开发语言&#xff1a;Java 框架&#xff1a;springboot&#xff08;可改ssm&#xff09; vue JDK版本&#xff1a;JDK1.8&#xff08;或11&#xff09; 服务器&#xff1a;tomcat 数据库&#xff1a;mysql 5.7&#xf…...

卸载 MariaDB:

如果你想将 MariaDB 5.5.68 替换为 MySQL 8&#xff0c;请按照以下步骤操作。在执行这些步骤之前&#xff0c;请确保你已经备份了所有重要的数据库和数据&#xff0c;以防发生意外情况。 1. 卸载 MariaDB&#xff1a; 使用适合你系统的包管理器卸载 MariaDB。在 CentOS/RHEL …...

javaweb总览

javaweb需要学习哪些技术 前端web开发&#xff1a; 技术描述HTML用于构建网站的基础结构的css用于美化页面的&#xff0c;作用和化妆或者整容作用一样JavaScript实现网页和用户的交互Vue主要用于将数据填充到html页面上的Element主要提供了一些非常美观的组件Nginx一款web服务…...

树,二叉树及其相关知识

1.树概念及结构 1.1树的概念 树是一种非线性的数据结构&#xff0c;它是由n&#xff08;n>0&#xff09;个有限结点组成一个具有层次关系的集合。把它叫做树是因 为它看起来像一棵倒挂的树&#xff0c;也就是说它是根朝上&#xff0c;而叶朝下的。 有一个特殊的结点&#…...

NumPy必知必会50例 | 5. 高级数组操作:成为 NumPy 数组的忍者

文章目录 5. 高级数组操作&#xff1a;成为 NumPy 数组的忍者数组重塑&#xff1a;变形大师例子&#xff1a;从一维到二维 数组合并&#xff1a;忍者团队联合例子&#xff1a;水平和垂直合并 数组分割&#xff1a;忍者的快速撤退例子&#xff1a;水平和垂直分割 5. 高级数组操作…...

《WebKit 技术内幕》学习之五(3): HTML解释器和DOM 模型

3 DOM的事件机制 基于 WebKit 的浏览器事件处理过程&#xff1a;首先检测事件发生处的元素有无监听者&#xff0c;如果网页的相关节点注册了事件的监听者则浏览器会将事件派发给 WebKit 内核来处理。另外浏览器可能也需要处理这样的事件&#xff08;浏览器对于有些事件必须响应…...

extends 和 implements

以下是 extends 和 implements 在Java代码中的区别和示例&#xff1a; 示例1&#xff1a;使用 extends 实现类继承 // 定义一个父类 Animal public class Animal {public void eat() {System.out.println("动物在吃东西");}public void sleep() {System.out.printl…...

响应拦截器的 return Promise.reject(res.data.message)

今天在看老师讲解代码的时候,解决了我心中的一些疑惑。 在做excel文件导出的时候,没有告诉浏览器文件的格式是Blod产生了报错。 看下图: 可以看到下面的内容:如果业务成功 返回 res.data 如果业务失败,给出错误信息的提示&#xff0c;将这个错误抛出去。 因此我们在发送一个…...

Windows下 VS2022 编译OpenSSL 库

SSL是Secure Sockets Layer(安全套接层协议)的缩写,可以在Internet上提供秘密性传输。Netscape公司在推出第一个Web浏览器的同时,提出了SSL协议标准。其目标是保证两个应用间通信的保密性和可靠性,可在服务器端和用户端同时实现支持。已经成为Internet上保密通讯的工业标准…...

数据库字段ip地址varbinary、inet6_aton()、inet6_ntoa()等

文章目录准备数据inet6_aton()、 inet6_ntoa()其他函数为什么ip地址要用varbinary(16)?其他文档这里主要说下mysql的varbinary字段类型。准备数据 CREATE TABLE user_logs (id BIGINT UNSIGNED AUTO_INCREMENT PRIMARY KEY,ip VARBINARY(16) NOT NULL COMMENT 存储IPv4/IPv6地…...

避坑指南:用Dify搭建AI Agent时,Docker镜像拉取失败和Postman接口调试的那些坑

避坑指南&#xff1a;用Dify搭建AI Agent时的高频问题解决方案 当你第一次尝试用Dify搭建AI Agent时&#xff0c;可能会遇到各种意想不到的"坑"。从Docker镜像拉取失败到Postman接口调试报错&#xff0c;每一步都可能让新手开发者抓狂。本文将聚焦这些实操中的真实痛…...

React Native vs Flutter:一次深入到底的性能对比分析(含原理 + 实战)

目录 一、先说结论&#xff08;避免踩坑&#xff09; 二、架构对比&#xff1a;性能差异的根源 1. React Native 架构 关键点&#xff1a; 2. Flutter 架构 关键点&#xff1a; 3. 核心差异总结 三、性能对比核心维度 四、启动性能&#xff08;App Launch Time&#x…...

前后端框架模式对比(golang)

前后端架构模式对比&#xff1a;分离与不分离 现代Web开发中&#xff0c;前后端架构的选择直接影响开发效率、维护成本和系统性能。结合Golang的实现&#xff0c;可以更清晰地分析前后端分离&#xff08;如REST API 前端框架&#xff09;与不分离&#xff08;如服务端渲染&…...

抛弃Keil吧!用Clion调试STM32的5个高效技巧(HAL库实战)

抛弃Keil吧&#xff01;用Clion调试STM32的5个高效技巧&#xff08;HAL库实战&#xff09; 从Keil切换到Clion开发STM32&#xff0c;就像从手动挡升级到自动驾驶——代码补全、智能重构和跨平台支持带来的效率提升&#xff0c;能让开发者更专注于逻辑实现而非工具折腾。本文将…...

Python 3.14 JIT vs PyPy 8.3 vs GraalPython:金融风控场景下GC暂停时间对比实测(数据全部脱敏)

第一章&#xff1a;Python 3.14 JIT vs PyPy 8.3 vs GraalPython&#xff1a;金融风控场景下GC暂停时间对比实测&#xff08;数据全部脱敏&#xff09;为评估新一代Python运行时在低延迟金融风控场景中的实际表现&#xff0c;我们在统一硬件环境&#xff08;Intel Xeon Platinu…...

用Matlab+Yalmip+Gurobi搞定微电网优化配置:从电工杯A题到实战避坑指南

MatlabYalmipGurobi微电网优化实战&#xff1a;从建模到竞赛应用的完整指南 微电网优化配置是能源系统研究中的经典问题&#xff0c;也是数学建模竞赛中的高频考点。去年电工杯A题就曾让参赛者头疼——如何在满足负荷需求的前提下&#xff0c;合理配置风光储系统&#xff0c;实…...

有关数组的学习

数组的概念简介数组是编程中最基础也最常用的数据结构之一&#xff0c;理解它能帮你高效管理一组同类型的数据。1. 什么是数组&#xff1f;核心概念同类型&#xff1a;数组里的所有元素必须是相同的数据类型&#xff08;如全是 int 或全是 float&#xff09;。连续内存&#xf…...

usearch的代码注释规范:提高代码可读性的实践

usearch的代码注释规范&#xff1a;提高代码可读性的实践 【免费下载链接】usearch Fastest Open-Source Search & Clustering engine for Vectors & &#x1f51c; Strings in C, C, Python, JavaScript, Rust, Java, Objective-C, Swift, C#, GoLang, and Wolfram …...

R数据可视化进阶|利用Scatterplot3d包打造交互式3D散点图

1. 为什么需要3D散点图可视化 在数据分析工作中&#xff0c;我们经常需要同时观察三个变量之间的关系。传统的2D散点图只能展示两个变量之间的相关性&#xff0c;当我们需要分析三个变量之间的复杂关系时&#xff0c;3D散点图就成为了必不可少的工具。比如在分析鸢尾花数据集时…...