Title: Web Vitals Tracking
Author: eatzeni
Published: <strong>2020 年 6 月 23 日</strong>
Last modified: 2020 年 6 月 24 日

---

搜索插件

![](https://ps.w.org/web-vitals-tracking/assets/banner-772x250.png?rev=2328995)

**该插件尚未通过WordPress的最新3个主要版本进行测试**。 当与较新版本的WordPress一起
使用时，可能不再受到维护或支持，并且可能会存在兼容性问题。

![](https://ps.w.org/web-vitals-tracking/assets/icon-256x256.png?rev=2329552)

# Web Vitals Tracking

 作者：[eatzeni](https://profiles.wordpress.org/eatzeni/)

[下载](https://downloads.wordpress.org/plugin/web-vitals-tracking.zip)

 * [详情](https://cn.wordpress.org/plugins/web-vitals-tracking/#description)
 * [评价](https://cn.wordpress.org/plugins/web-vitals-tracking/#reviews)
 *  [安装](https://cn.wordpress.org/plugins/web-vitals-tracking/#installation)
 * [开发进展](https://cn.wordpress.org/plugins/web-vitals-tracking/#developers)

 [支持](https://wordpress.org/support/plugin/web-vitals-tracking/)

## 描述

Track core web vitals data and save history, powers a dashboard with 24h and one
month of historic data, shows worsts pages.
 Send also into Google Analytics (both
gtag and ga supported) and can be extended to send also to Google Tag Manager and
third parties

NOTE: This plugin does not send data to Google Tag Manager events, it only adds 
them to the dataLayer object but requires additional configuration on the Tag manager
dashboard.

### What is Core Web Vitals?

From the official page (https://web.dev/vitals/) Web Vitals is:
 […] an initiative
by Google to provide […] quality signals that are essential to delivering a great
user experience on the web. […] Core Web Vitals are the subset of Web Vitals that
apply to all web pages, should be measured by all site owners, and will be surfaced
across all Google tools. Each of the Core Web Vitals represents a distinct facet
of the user experience, is measurable in the field, and reflects the real-world 
experience of a critical user-centric outcome.

### Why are them important?

They are important not only to improve user experience on websites but also because
since 2021 Core Web Vitals will become official ranking signals for Google (https://
webmasters.googleblog.com/2020/05/evaluating-page-experience.html).

### HOW TO track into Google Tag Manager

This plugin adds following data to the dataLayer object:
 dataLayer.push({ event:“
web-vitals”, event_category: “Web Vitals”, event_action: , event_value: , event_label:,});

You only need to create a custom event trigger in your Google Tag Manager (see https://
support.google.com/tagmanager/answer/7679219?hl=en#), create Data Layer Variables
and track those as Google Analytics Events on Tag Manager.

### HOW TO track into third party tools or custom Google Tag Manager syntax

This plugins allows developers to listen for data captured and track them as their
prefer. You only need to create a global Javascript function named
 window.wpWebVitalTrack
and you’re done! E.g.: window.wpWebVitalTrack = function(event_id, event_name, event_value,
event_delta) { console.log(“Ready to do something amazing!”, event_id, event_name,
event_value, event_delta); // do something amazing! }

NOTE: create this method as early as possible to avoid missing some event!

## 屏幕截图

[⌊Last month metrics average and last 24h report⌉⌊Last month metrics average and
last 24h report⌉[

Last month metrics average and last 24h report

[⌊Last 24h table report⌉⌊Last 24h table report⌉[

Last 24h table report

[⌊Last month report; graph will auto expand to 30 days based on collected data⌉⌊
Last month report; graph will auto expand to 30 days based on collected data⌉[

Last month report; graph will auto expand to 30 days based on collected data

[⌊Worst urls report⌉⌊Worst urls report⌉[

Worst urls report

## 安装

1) upload zip file to your server and extract it in your plugins directory. 2) go
to your administration plugin dashboard and enable it

## 评价

此插件暂无评价。

## 贡献者及开发者

「Web Vitals Tracking」是开源软件。 以下人员对此插件做出了贡献。

贡献者

 *   [ eatzeni ](https://profiles.wordpress.org/eatzeni/)

[帮助将「Web Vitals Tracking」翻译成简体中文。](https://translate.wordpress.org/projects/wp-plugins/web-vitals-tracking)

### 对开发感兴趣吗?

您可以[浏览代码](https://plugins.trac.wordpress.org/browser/web-vitals-tracking/)，
查看[SVN仓库](https://plugins.svn.wordpress.org/web-vitals-tracking/)，或通过[RSS](https://plugins.trac.wordpress.org/log/web-vitals-tracking/?limit=100&mode=stop_on_copy&format=rss)
订阅[开发日志](https://plugins.trac.wordpress.org/log/web-vitals-tracking/)。

## 更新日志

#### 1.0.1

 * Fix warning

#### 1.0.0

 * First release

## 额外信息

 *  版本 **1.0.1**
 *  最后更新：**6 年前**
 *  活跃安装数量 **10+**
 *  WordPress 版本 ** 4.2 或更高版本 **
 *  已测试的最高版本为 **5.4.19**
 *  PHP 版本 ** 5.6 或更高版本 **
 *  语言
 * [English (US)](https://wordpress.org/plugins/web-vitals-tracking/)
 * 标签
 * [core web vitals](https://cn.wordpress.org/plugins/tags/core-web-vitals/)[web vitals](https://cn.wordpress.org/plugins/tags/web-vitals/)
 *  [高级视图](https://cn.wordpress.org/plugins/web-vitals-tracking/advanced/)

## 评级

尚未提交反馈。

[Your review](https://wordpress.org/support/plugin/web-vitals-tracking/reviews/#new-post)

[查看全部评论](https://wordpress.org/support/plugin/web-vitals-tracking/reviews/)

## 贡献者

 *   [ eatzeni ](https://profiles.wordpress.org/eatzeni/)

## 支持

有话要说吗？是否需要帮助？

 [查看支持论坛](https://wordpress.org/support/plugin/web-vitals-tracking/)