elartedelaweb

Total CrUX allows you to measure the real user experience on your site thanks to <a href="https://web.dev/vitals/" rel="nofollow ugc">Core Web Vitals</a>. 
The plugin captures and stores key metrics such as:
<ul>
<li>LCP (Largest Contentful Paint) – loading performance of the main content.</li>
<li>FID (First Input Delay) – responsiveness to first user interaction.</li>
<li>CLS (Cumulative Layout Shift) – visual stability.</li>
<li>FCP (First Contentful Paint).</li>
<li>INP (Interaction to Next Paint) – the new key responsiveness metric.</li>
<li>TTFB (Time To First Byte).</li>
</ul>
In addition, it collects extended diagnostic information (involved elements, render timings, resources, user interaction details, etc.), helping you identify which elements are negatively impacting user experience.
Inside the WordPress admin area, you’ll find:
<ul>
<li>A dashboard with aggregated site-wide metrics.</li>
<li>A “To Improve” tab showing the worst-performing pages.</li>
<li>A dropdown button with an option called “Details” that opens a right-side drawer with extended details.</li>
</ul>
With Total CrUX, you make decisions based on real user data, not just lab simulations.
<h3>Bundled third-party libraries</h3>
This plugin includes local copies of the following third-party libraries, stored in the directory <code>admin/assets/vendor/js/</code>. 
These files are served directly from the plugin and correspond to the versions indicated below. 
The human-readable source code for each library is available in their official repositories:
<ol>
<li>
Alpine.js (MIT License)
<ul>
<li>Version: 3.15.0</li>
<li>Local copy: <code>admin/assets/vendor/js/alpine.js</code> (obtained from https://cdn.jsdelivr.net/npm/alpinejs@3.15.0/dist/cdn.min.js)</li>
<li>Source code: https://github.com/alpinejs/alpine</li>
</ul>
</li>
<li>
Chart.js (MIT License)
<ul>
<li>Version: 4.5.0</li>
<li>Local copy: <code>admin/assets/vendor/js/chart.js</code> (obtained from https://cdn.jsdelivr.net/npm/chart.js@4.5.0/dist/chart.umd.min.js)</li>
<li>Source code: https://github.com/chartjs/Chart.js</li>
</ul>
</li>
<li>
Web Vitals (Apache-2.0 License)
<ul>
<li>Version: 5.1.0</li>
<li>Local copy: <code>admin/assets/vendor/js/web-vitals.js</code> (obtained from https://unpkg.com/web-vitals@5.1.0/dist/web-vitals.attribution.iife.js)</li>
<li>Source code: https://github.com/GoogleChrome/web-vitals</li>
</ul>
</li>
</ol>
<h3>External services</h3>
This plugin makes use of the external service LucusHost Affiliate Network.
<ul>
<li>
What the service is and what it is used for: 
On the plugin’s ‘Support us’ tab, a promotional banner for LucusHost is displayed. This banner is served from LucusHost’s affiliate system. It is purely informational and promotional.
</li>
<li>
What data is sent and when: 
When the admin page containing the banner is loaded, the plugin makes a request to LucusHost’s servers (<code>aff.lucushost.com</code>) to fetch the banner image. This request includes standard web request information (such as IP address, browser information, and the referring page). 
If you click on the banner, you will be redirected to LucusHost’s website through our affiliate link. If you make a purchase, we may receive a commission. This does not result in any extra cost for you, and in fact we provide a 20% discount code (ARTEDELAWEB-20) as part of this affiliate program.
</li>
<li>
Service provider / links: 
LucusHost — Affiliate program: https://www.lucushost.com/afiliados 
Legal notice & Privacy policy: https://www.lucushost.com/aviso-legal
</li>
</ul>

Total CrUX

Measure and store real-user experience (UX) metrics directly from visitors browsers using Google's Core Web Vitals.

LewisCowles

This plugin enables painless integration with WordPress (including WooCommerce) with the fullstory user-monitoring platform.
It adds a new settings page, where you simply enter your valid fullstory organisation ID, and you get data from your WordPress site.
The latest version has a helper so that you can paste a UI link from FullStory and automatically extract your Organisation ID.
This is still experimental, so below is the format expected.
<pre><code>https://app.fullstory.com/ui/**{ORGID}**/segments/everyone/people/0
</code></pre>
The plugin is also compatible with wp-cli automated deployment by injecting a define ‘FULLSTORY_ORG’ to the wp-config.php.
The plugin does no special work apart from ensuring that attributes are escaped in saved values before being used.
Care has been taken to supply the following filters, so that you can specify your own custom fullstory attributes.
<ul>
<li>cd2_fstory_data (array)</li>
</ul>
If using custom filters, please note you are wholely responsible for not messing things up. I recommend using a sibling plugin rather than editing this one; as well as testing locally, perhaps in staging before deploying to production as FullStory does not love malformed data. The format of data is simply key-value in a PHP array which is merged with the default array.
This is a reference plugin, I’d love to develop it further, or work with you or your business to include additional features, perhaps a hooks interface or more formal view-separation for complex projects. I’ve used this on Multisite, Standard WP, multi-lingual sites.

fullstory WordPress reference integration

This plugin enables painless integration with WordPress (including WooCommerce) with the fullstory user-monitoring platform.

Total CrUX vs fullstory WordPress reference integration