发布商利用广告平台和广告联盟投放广告，作为重要的收入来源。虽然这些平台和广告联盟具有巨大的广告收入潜力，但如果广告投放技术实现不当，可能会对用户体验和网页性能产生负面影响，从而影响广告收入的效果。关键在于在创收和效果之间取得平衡。
发布商为何应关注核心网页指标
Core Web Vitals 可帮助发布商衡量网页的用户体验和网页性能。核心网页指标包括以下三项指标，旨在从加载速度、互动性和视觉稳定性方面评估真实用户体验：
- Largest Contentful Paint (LCP) 衡量感知的加载速度：即在网页开始加载后最大的内容元素（包括广告位）需要多长时间才能显示。
- Interaction to Next Paint (INP) 用于衡量互动性：网页对用户互动的响应速度。广告加载量过多可能会对 INP 产生负面影响。
- Cumulative Layout Shift (CLS) 用于衡量视觉稳定性：网页布局偏移的程度如何，这种偏移会让用户感觉网页不稳定且难以预测。如果发布商未为广告插播位预留足够的空间，广告可能会导致布局不稳定。
不同的案例研究表明，核心网页指标对业务有直接影响。这种联系对于发布商来说至关重要，因为这凸显了优化这些指标的重要性。与发布商相关的关键问题包括：
- 改进 Core Web Vitals 指标是否会对广告展示次数和广告收入产生积极影响？
- 在广告展示次数或广告收入方面排名靠前的网站在核心 Web 指标方面表现如何？
如果发布商将 Google Ad Manager 用作广告平台，将 Google AdSense 内容广告用作广告联盟，并使用 Google Analytics 4 (GA4) 分析用户行为，则可以使用这些 Google 工具在核心 Web Vitals 指标与广告收入之间建立相关性。“核心网页指标”不佳表示网站运行缓慢，导致元素和广告加载缓慢。如果广告未在用户离开页面前加载完毕，可能会导致错失展示机会，并且发布商可能无法获得相应收入。通过使用这些平台，发布商可以深入了解如何通过提升 Core Web Vitals 来提高广告展示次数和广告收入。
使用广告指标监控 Core Web Vitals 实测数据
在监控 Core Web Vitals 时，发布商最好依赖实测数据。对于尚未实现实时用户监控 (RUM) 解决方案的发布商，Chrome 用户体验报告 (CrUX) 是一项宝贵的资源，可用于分析历史实测数据。CrUX 可让您立即深入了解符合条件的网站的 Core Web Vitals，但不应被视为专用 RUM 解决方案的替代方案，后者可以提供更详细的数据。
发布商可以将 Google Analytics 4 (GA4) 用作一个集中枢纽，将 Core Web Vitals 字段数据与 Ad Manager 和 AdSense 中的广告效果指标相关联。其工作原理如下：
- 发布商通过将 Core Web Vitals 实测数据发送到其 GA4 媒体资源来实现实时用户监控 (RUM)。
- 系统会将 Google Ad Manager 或 Google AdSense 中的数据推送到 GA4。
- 将必要数据存储在 GA4 中后，您可以稍后使用 Looker Studio 信息中心直观呈现这些数据，以便将核心网页指标与广告收入相关联。
如需详细的设置说明，请按照此 Codelab 的说明操作。下图简要介绍了实现步骤：
将 Core Web Vitals 字段数据发送到 GA4
该流程的第一步，是收集网站访问者的实测数据。Google 的 web-vitals JavaScript 库可帮助您收集所有核心网页指标的信息。因此，您可以通过不同的方式将数据发送到 GA4：
- 如果您直接在网站上使用 Google 代码代码段，则可以使用 Web-Vitals 库通过
gtag()函数发送字段数据。 - 如果您使用的是 Google 跟踪代码管理器，可以使用此 Web Vitals 模板入门。标记模板负责提供 Web Vitals 库和收集字段数据。此外，您还可以单独配置模板，例如通过加载归因 build。如需了解如何使用和安装代码模板，请按照此 Codelab 中的说明操作。
将 Google Ad Manager 和 Google AdSense 数据添加到 GA4
第二步是将 Google Ad Manager 和 Google AdSense 中的广告效果数据发送到 GA4。幸运的是，GA4 提供了与这些广告解决方案的集成。这样做可让 Ad Manager 和 AdSense 与 Google Analytics 通信。集成完成后，您将能够在 GA4 媒体资源中查看与广告相关的指标和维度。
使用 Looker Studio 进行数据可视化
完成前两个步骤后，您可以使用 Looker 数据洞察信息中心模板，通过 Looker 数据洞察的 GA4 连接器直观呈现来自两个来源（核心网页指标字段数据和广告相关数据）的数据。
若要使用信息中心，您需要完成以下步骤：
- 打开此 Looker Studio 信息中心（选择日期范围 2024 年 8 月 24 日至 2024 年 8 月 31 日，以获取一些示例数据）。
- 复制信息中心。
- 选择您的 GA4 媒体资源以更新数据源。
请注意，为了使信息中心模板正常运行，必须使用特定的语法和命名惯例将 Core Web Vitals 事件发送到 GA4。使用 GitHub 上的 Google 跟踪代码管理器模板指南可满足此要求。或者，您也可以根据自己的需求自定义信息中心。
分析 Core Web Vitals 对业务的影响
Looker Studio 信息中心根据 GA4 数据提供了三个页面。此外，它还包含两个配置控件：日期选择器和设备类别过滤器。这样，您就可以通过比较桌面设备和移动设备的性能来分析网站的 Core Web Vitals。
第 1 页：Core Web Vitals 概览
首页重点介绍了核心网页指标的概要信息。信息中心中的每张卡片都代表一个 Core Web Vitals 指标。除了所选日期范围内的总得分之外，该条形图还显示了基于历史数据的每日分布情况。蓝色水平线表示第 75 个百分位的得分。
本页将帮助您解答以下几个问题：
- 我的网站在 LCP、INP 和 CLS 指标方面获得了怎样的评分？
- 我的网站在 Core Web Vitals 方面的历史表现如何？
- 与移动设备相比，桌面设备的 Core Web Vitals 评分如何？
第 2 页：Core Web Vitals 和广告收入
第二页会纳入 Google Ad Manager 和 Google AdSense 与 GA4 的集成数据：
- 蓝线代表 Core Web Vitals 指标评分，而灰色条形代表广告解决方案提供的广告收入。
- 如果蓝线位于红色水平线之上，则表示 Core Web Vitals 评分为“差”。
- 如果蓝线位于绿色水平线下方，则核心 Web 指标评分为“良好”。
- 如果蓝线介于红线和绿线之间，则表示 Core Web Vitals 评分为“需要改进”。
本页将帮助您解答以下问题：Core Web Vitals 评分与广告收入之间是否存在相关性？
第 3 页：“Core Web Vitals”页面详细信息报告
在第三个页面中，您可以分析网址级的效果。您可以根据网页浏览量、广告展示次数、广告收入甚至每千次展示收入，查看热门网页的 Core Web Vitals 数据。这样，您就可以快速找出广告收入较高但 Core Web Vitals 评分较低的网页。
如何提高您的 Core Web Vitals 评分？
借助前文提到的 Google 工具，您可以比较 Core Web Vitals 和广告相关指标。这些数据分析还有助于您专注于最重要的网页。为了展示业务影响，发布商可以采取各种通用和广告专用措施来提升核心 Web 指标评分。以下是有关优化每个 Core Web Vitals 指标以及广告专用优化的指南资源列表：
总结
这篇博文说明了在同一系统 (GA4) 中保留 Core Web Vitals 字段数据和广告相关指标的重要性。通过组合使用不同的 Google 工具，您可以有效加载 Core Web Vitals 数据，并将其与广告相关指标相关联。这有助于发布商了解其网站的 LCP、INP、CLS 评分，以及这些指标对广告收入的影响。可视化这些数据可提供有价值的数据洞见，让您能够做出更明智的数据驱动型决策，从而提升用户体验和广告收入。