常见的最佳做法

在很多方面,将 Google 发布商代码 (GPT) 库集成到网站与集成任何其他第三方脚本的方法相同。不过,使用 GPT 有一些独特之处,您必须考虑这些独特之处,以确保您充分利用广告空间,同时将对网站性能的影响降至最低。毕竟,快速投放广告至关重要

以下各部分介绍了进行集成时可采用的最佳实践。

从官方来源加载 GPT

请始终向官方来源请求 GPT 库:

集成类型 脚本标记
标准

包括集成了 IAB Europe TCF 的发布商。
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
受限广告

适用于希望手动启用受限广告的发布商。
<script src="https://pagead2.googlesyndication.com/tag/js/gpt.js" async></script>

请仅在您打算手动启用受限广告的网站上使用受限广告网址。在未使用此功能时,从受限广告网址请求 GPT 会导致浏览器额外打开不必要的网络连接,从而降低广告加载速度。

为了帮助发布商遵守法规,可以使用 crossorigin="anonymous" 属性从标准网址加载 GPT,以防止 Cookie 随脚本请求一起发送。

不投放 GPT 的缓存版本

切勿提供 gpt.jspubads_impl.js 或其从您自己的服务器加载的任何库的版本,也不得从非官方来源加载它们。

使用本地缓存的 GPT 库版本有时可能无法在较新版本的浏览器或操作系统中正常运行,并且可能无法更新新功能和改进。较低版本的 GPT 库可能会随时停止运行,并可能导致广告停止投放到您的代码,进而导致广告收入损失。

这也适用于 Service Worker。如果您使用 Service Worker 来缓存或修改对来自您网站的 HTTP 请求的响应,请在处理 gpt.js 请求时使用仅限网络策略,以便获取最新版本。

提前加载 GPT

GPT 库 (gpt.js) 仅包含加载广告所需的一小部分代码。其中大部分代码都包含在单独的文件(例如 pubads_impl_XX.js)中,gpt.js 会根据需要加载这些文件。

通过尽早加载核心 GPT 库,这些依赖脚本也能提前加载。这样可以避免与提取这些脚本(如果未缓存)相关的任何额外延迟,并且广告可以更快地加载。所有这些都有助于缩短“首个广告呈现时间”指标,从而提高广告的可见度。

适时使用预加载

有时,您可能无法直接控制 GPT 的加载时间或方式。例如,在使用代表您加载 GPT 的第三方广告脚本时。在这些情况下,可以预加载 gpt.js 请求。预加载请求会指示浏览器立即下载对网页加载至关重要的指定资源。如果指定的资源是 JavaScript 文件,系统会立即提取脚本内容,但会延迟执行,直到需要脚本为止。

标准集成的预加载请求示例

<link rel="preload" href="https://securepubads.g.doubleclick.net/tag/js/gpt.js" as="script">

受限广告集成的预加载请求示例

<link rel="preload" href="https://pagead2.googlesyndication.com/tag/js/gpt.js" as="script">

在预渲染网页上使用 GPT

预渲染会指示浏览器提前下载和渲染用户尚未请求但可能会访问的网页。在预渲染的网页上加载时,GPT 库仅在网页显示时才会请求广告。

以静态方式加载 GPT

请避免将 GPT 库动态注入您的网页,也避免从外部脚本加载 GPT 库。请改为在网页的 <head> 中静态加载该库,如 Google 发布商代码使用入门中所述。这样可防止其他资源延迟 GPT 库的提取和加载,反过来又会延迟广告的加载。

如需了解详情,请参阅 Lighthouse 发布商广告评估服务以静态方式加载广告脚本审核文档。

异步加载 GPT

Google 发布商代码使用入门中所述,在您的脚本代码定义中添加 async 关键字。这会指示浏览器与其他资源和网页内容并行加载 GPT 库,而不是在脚本完成加载之前阻止执行。

如需了解详情,请参阅 Lighthouse 发布商广告评估服务异步加载广告代码审核文档。

安全加载 GPT

请始终通过 HTTPS 加载 GPT 库,如 Google 发布商代码使用入门中所述。这不仅可以为用户提供更好的安全性,还可以提高性能。由于 GPT 发出的广告请求始终使用 HTTPS,因此使用 HTTPS 加载库本身可确保浏览器只需为与广告投放相关的所有请求打开 1 个连接。

如需了解详情,请参阅 Lighthouse 发布商广告评估服务通过 HTTPS 加载广告代码从推荐的主机加载 GPT 审核文档。

练习提高网页性能

虽然本指南中的最佳实践侧重于优化 GPT 集成,但许多其他因素也会影响网页的整体效果。在对网站进行更改时,尤其是根据宽泛的建议(如本指南中的建议)进行更改时,请务必评估这些更改对网页性能的方方面面的影响。建议您定期运行 LighthouseLighthouse 发布商广告评估服务等工具,以发现和解决性能问题,并为您的网站找到适当的优化平衡点。