@amplitude/plugin-user- agent-富集浏览器
用于用户代理浓缩的官方浏览器 SDK插件.
安装
该软件包发布在国家预防机制登记册上,可用npm和纱线安装.
# npm
npm install @amplitude/plugin-user-agent-enrichment-browser@^1.0.0
# yarn
yarn add @amplitude/plugin-user-agent-enrichment-browser@^1.0.0
使用量
此插件在振幅浏览器SDK上方工作. 用于用用户代理信息丰富事件,使用@amplitude/ua-parser-js. 用户代理识别请求客户端的应用程序,操作系统,供应商和/或版本. 对于浏览器SDK v1.x,我们内部使用@amplitude/ua-parser-js来解析用户代理信息. 在浏览器 v2.x 中, 我们删除了这个客户端用户代理 解析器, 代之以执行服务器端用户代理 解析器 。 您可以使用此插件来保持与早期SDK版本的用户代理信息的一致性.
1. 进口宽度包
@amplitude/analytics-browser@amplitude/plugin-user-agent-enrichment-browser
import * as amplitude from '@amplitude/analytics-browser';
import { userAgentEnrichmentPlugin } from '@amplitude/plugin-user-agent-enrichment-browser';
2. 可靠用户代理浓缩插件
插件接受一个可选参数,即 Object 以禁用/启用相应的跟踪选项。 每个选项默认启用 .
const uaPlugin = userAgentEnrichmentPlugin({
osName: true,
osVersion: true,
deviceManufacturer: false,
deviceModel: false,
});
选项
| 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|
osName | boolean | true | 允许浓缩 os_name 属性. |
osVersion | boolean | true | 允许浓缩 os_version 属性. |
deviceManufacturer | boolean | true | 允许浓缩 device_manufacturer 属性. |
deviceModel | boolean | true | 允许浓缩 device_model 属性. |
3. 安装插件到振幅 SDK
amplitude.add(uaPlugin);
4. 振幅SDK初始化
amplitude.init('API_KEY');
生成页面查看事件
此插件使用 @ amplitude/ua- parser- js 解析用户代理信息, 并基于您的配置丰富事件 。 这影响到以下属性的价值: device_family, (中文(简体) ), device_model, (中文(简体) ), device_manufacturer, (中文(简体) ), device_type, (中文(简体) ), os, (中文(简体) ), os_name,以及 os_version。 。 。 .