@amplitude/plugin-web-vitals-浏览器(β)
这个插件目前位于β中,命名和界面可能会在未来发生变化.
自动抓取 网络虚拟 度量衡(INP、LCP、FCP、CLS)
安装
该软件包发布在国家预防机制登记册上,可用npm和纱线安装.
# npm
npm install @amplitude/plugin-web-vitals-browser@beta
# yarn
yarn add @amplitude/plugin-web-vitals-browser@beta
使用量
import * as amplitude from '@amplitude/analytics-browser';
import { webVitalsPlugin } from '@amplitude/plugin-web-vitals-browser';
2. 说明插件
const plugin = webVitalsPlugin();
选项
| 名称 | 类型 | 默认 | 说明 |
|---|---|---|---|
reportSoftNav | boolean | false | 同时报告软通航的网络要害,而不仅仅是初始的页面负载. |
reportSoftNav
单页应用程序更新URL和历史而不全页导航,所以默认
Core Web Virtuals仅被测量一次,用于初始的页面负载. 与 reportSoftNav 已启用,
LCP、FCP、INP、CLS和TTFB 也按下列单位计量:
软导航一个 [Amplitude] Web Vitals 事件
按每次导航发送,带有该参数所属的URL的页面属性。 测量的量度
软通航有一个 navigationType 联 合 国 soft-navigation。 。 。 .
const plugin = webVitalsPlugin({ reportSoftNav: true });
这需要浏览器支持软导航API(Chromium 151+). 在浏览器没有它, 报告与默认行为相同.
注意启用此功能也会改变初始页面载荷的测量方式:其度量是 一旦第一次软通航,而不是当页被隐藏时,就敲定.
当使用浏览器 SDK 的自动抓取时, 同样的选项可以通过
autocapture.webVitals数字 :
amplitude.init('API_KEY', {
autocapture: {
webVitals: { reportSoftNav: true },
},
});
3. 安装插件到振幅 SDK
amplitude.add(plugin);
4. 振幅SDK初始化
amplitude.init('API_KEY');