将 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 会导致浏览器打开额外的不必要网络连接,这可能会导致广告加载速度变慢。
为帮助发布商满足法规合规性要求,GPT 可以从包含 crossorigin="anonymous"
属性的标准网址加载,以防止将 Cookie 随脚本请求一起发送。
请勿提供缓存的 GPT 版本
切勿从您自己的服务器投放 gpt.js
、pubads_impl.js
或其加载的任何库的版本,也不应从非官方来源加载这些库。
本地缓存的 GPT 库版本有时可能无法在版本较新的浏览器或操作系统中正常发挥作用,并且可能无法更新为使用新的功能和改进功能。旧版 GPT 库可能会随时停止运行,而这可能会导致广告停止投放到您的代码,进而导致广告收入损失。
这也适用于服务工件。如果您使用服务工作器缓存或修改对来自您网站的 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 库动态注入您的网页或从外部脚本加载该库。而是应在网页的 <head>
中静态加载该库,如开始使用 Google 发布商代码中所述。这可防止其他资源延迟提取和加载 GPT 库,进而导致延迟加载广告。
如需了解详情,请参阅 Lighthouse 发布商广告评估服务的静态加载广告脚本审核文档。
异步加载 GPT
在脚本代码定义中添加 async
关键字,如Google 发布商代码使用入门中所示。这会指示浏览器与其他资源和网页内容并行加载 GPT 库,而不是在脚本加载完毕之前阻塞执行。
如需了解详情,请参阅 Lighthouse 发布商广告评估服务的异步加载广告代码审核文档。
安全地加载 GPT
始终通过 HTTPS 加载 GPT 库,如开始使用 Google 发布商代码中所述。这不仅可为用户提供更安全的网络环境,还可提高网页性能。由于 GPT 发出的广告请求始终使用 HTTPS,因此使用 HTTPS 加载库本身可确保浏览器只需为与广告投放相关的所有请求打开 1 个连接。
如需了解详情,请参阅 Lighthouse 发布商广告评估服务的通过 HTTPS 加载广告代码和从推荐的主机加载 GPT 审核文档。
实践良好的网页性能
虽然本指南中的最佳实践专门侧重于优化 GPT 集成,但许多其他因素也会影响网页的整体效果。在对网站进行更改(尤其是根据宽泛建议 [例如本指南中提供的建议] 进行的更改)时,请务必评估这些更改对网页效果的各个方面的影响。建议您定期运行 Lighthouse 和 Lighthouse 发布商广告评估服务等工具,以发现和解决性能问题,并为您的网站找到合适的优化平衡点。