如何使用 Google Tag Manager 测量 Web Vitals 现场数据

牙买加电话号码 从 2021 年 5 月起,Core Web Vitals 将成为排名因素。您的网站是否满足要求,还是仍需要优化?为了找出答案,我将向您展示如何使用 Google 跟踪代码管理器来衡量和评估您的用户的 Web Vitals 数据。实验室数据与现场数据 Web Vitals 数据分为两类:实验室数据和现场数据。实验室数据是在具有预定义设备和网络设置的受控环境中收集的。这提供了可重现的结果和调试功能,以识别和解决性能问题。您可以使用以下工具测量实验室数据: PageSpeed 洞察工具 Chrome 开发者工具 大灯 网络生命体征扩展 雷特 web-vitals-in-ryte 网络生命体征测量 网络生命体征测量字段数据 Google 跟踪代码管理器字段数据图 1:使用 Ryte 检查您的 Web Vitals字段数据是实际页面加载生成的性能数据。它们显示了用户的实际性能体验。

Google 使用 Chrome 用户体验报告衡量现场数据。

在这里您可以获取 Chrome UX 报告数据:PageSpeed 洞察工具 Data Studio 中的 CrUX 仪表板Chrome 用户体验报告 API 在我们的行业研究中深入了解 Core Web Vitals 对电子商务行业的影响阅读研究 Chrome 用户体验报告限制 Chrome 用户体验报告是一个包含数百万个域的用户数据的数据集。数据由 Google Chrome 浏览器收集,牙买加电话号码 并受到某些限制。用户必须通过 Chrome 浏览器访问您的网站。必须启用浏览历史同步和用户统计共享。 必须有足够的用户浏览您的网站。 这些限制通常意味着用户数据并非对所有 URL 都可用。curx_report_fehlende_missing_data_en 网络生命体征测量网络生命体征测量字段数据 Google 跟踪代码管理器字段数据图2:PageSpeed Insights工具中的缺失字段数据数据评估也受到一定的限制。在 BigQuery 中,Chrome 用户体验报告数据仅每月更新一次。在 PageSpeed Insights 中,每天都会更新,但导出数据却很困难。

解决方案:实现您自己的 Web Vitals 跟踪器。

牙买加电话号码

如何实施您自己的 Vitals 网络跟踪 要自己衡量用户的 Web Vitals,您需要一个 JavaScript 库,Google 在 GitHub 上免费提供该库。牙买加电牙买加电话号码  库将通过 Google 跟踪代码管理器通过一个小脚本集成到您的页面中。您将 Web Vitals 数据作为事件发送到关联的 Google Analytics 帐户。从那里,可以处理数据,例如在数据洞察报告中。注意:Web Vitals Library 也可以在没有 Google Tag Manager 或 Google Analytics 的情况下使用。有关更多信息,请参阅 GitHub 上的文档。设置 Google 跟踪代码管理器的分步指南根据您的基础架构,您可以通过多种方式使用 Vitals Web Library。对于以下教程,我使用库的“标准”版本并通过 CDN(内容交付网络)加载它。或者,您可以使用 NPM 在您的服务器上安装该库,并使用 polyfill 版本对其进行扩展。手册中使用的“标准”版本在大多数情况下应该“开箱即用”并提供有意义的数据。以下脚本和说明基于 Matteo Zambon 在 TagManagerItalia 上发布的博客文章。

 

Leave a comment

Your email address will not be published.