前言介紹
- 這款 WordPress 外掛「Web Vitals Tracking」是 2020-06-22 上架。
- 目前有 10 個安裝啟用數。
- 上一次更新是 2020-06-24，距離現在已有 1775 天。超過一年沒更新，安裝要確認版本是否可用。以及後續維護問題！
- 外掛最低要求 WordPress 4.2 以上版本才可以安裝。
- 外掛要求網站主機運作至少需要 PHP 版本 5.6 以上。
- 尚未有人給過這款外掛評分。
- 還沒有人在論壇上發問，可能目前使用數不多，還沒有什麼大問題。
外掛協作開發者
eatzeni |
外掛標籤
web vitals | core web vitals | web vitals tracking | web vitals analytics | web vitals monitoring |
內容簡介
追踪核心Web關鍵指標數據，並保存歷史數據，可建立擁有24小時和一個月歷史數據的儀表板，顯示最差的頁面。
同時傳送至Google Analytics（支援gtag和ga），並可擴展為傳送至Google Tag Manager和第三方。
注意：此外掛不會將數據發送到Google Tag Manager事件，它只會將它們添加到dataLayer對象中，但需要在標籤管理器儀表板上進行其他配置。
什麼是核心Web關鍵指標？
從官方網站 (https://web.dev/vitals/) 可得知Web關鍵指標是：
[…] Google 的一個倡議，旨在提供[...]對網站上提供優秀用戶體驗至關重要的質量信號。
[…]
核心Web關鍵指標是適用於所有網頁的Web關鍵指標子集，應該由所有站點所有者進行測量，並將呈現在所有Google工具中。
每個核心Web關鍵指標代表了用戶體驗的不同方面，可以在現場測量，並反映了關鍵用戶中心的現實體驗。
它們為什麼重要？
它們不僅對改善網站上的用戶體驗很重要，自2021年以來，核心Web關鍵指標還成為了Google的官方排名信號 (https://webmasters.googleblog.com/2020/05/evaluating-page-experience.html)。
如何在Google Tag Manager中追踪
此外掛將以下數據添加到dataLayer對象中：
dataLayer.push({
event: “web-vitals”,
event_category: “Web Vitals”,
event_action: ,
event_value: ,
event_label: ,
});
您只需要在Google Tag Manager中創建自定義事件觸發器（參見https://support.google.com/tagmanager/answer/7679219?hl=en#），創建數據層變數，並在標籤管理器中將它們作為Google Analytics事件進行追踪。
如何在第三方工具或自定義Google Tag Manager語法中追踪
此外掛允許開發人員侦聽捕獲的數據並根据他們的喜好进行跟踪。您只需要创建一个全局JavaScript函数，命名为
window.wpWebVitalTrack
就完成了！
例如：
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);
// 做一些令人驚奇的事情！
}
注意：要盡早創建此方法以避免漏掉某些事件！
原文外掛簡介
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!
各版本下載點
- 方法一：點下方版本號的連結下載 ZIP 檔案後，登入網站後台左側選單「外掛」的「安裝外掛」，然後選擇上方的「上傳外掛」，把下載回去的 ZIP 外掛打包檔案上傳上去安裝與啟用。
- 方法二：透過「安裝外掛」的畫面右方搜尋功能，搜尋外掛名稱「Web Vitals Tracking」來進行安裝。
（建議使用方法二，確保安裝的版本符合當前運作的 WordPress 環境。
延伸相關外掛（你可能也想知道）
暫無相關外掛推薦。