将 Google 发布商代码 (GPT) 库集成到您的网站中并熟悉我们的常规最佳实践后,您就可以开始发出广告请求了。下面,我们将介绍在配置和使用广告展示位置时应注意的一些其他最佳实践,以便您充分利用广告空间,同时尽可能减少对广告效果的影响。
优先展示“重要”广告位
并非所有广告展示位置都是一样的。例如,从可见度和创收能力的角度来看,在网页加载后立即可见的广告位(首屏上)通常比需要滚动到视野范围内才能看到的广告位(非首屏上)更“重要”。有鉴于此,请务必仔细考虑网页上每个广告位的相对重要性,并优先尽快加载最重要的广告位。
提前加载首屏广告
应将网页加载后立即显示的广告设为最高优先级。建议您在文档的 <head>
中定义这些槽位,并尽早在网页加载过程中请求它们。这有助于确保这些广告尽早加载(最大限度提高可见度),并且不会不必要地减慢初始网页加载速度。
延迟加载非首屏广告
对于需要滚动到视野范围内的广告,应延迟提取和呈现,直到广告位即将进入视口为止。此过程称为延迟加载。延迟加载会单独针对最有可能被查看的广告位优先请求和呈现广告素材内容。这有助于节省浏览器的有限资源,从而优化网页加载性能,这在带宽和 CPU 通常受到严重限制的移动环境中尤为重要。
在不刷新网页的情况下刷新广告
在许多情况下,替换广告位的当前广告内容是最佳做法,甚至是必要的。在这些情况下,最好使用 GPT 库的刷新功能来动态执行此操作。这样可以避免整个网页刷新,并让您精确控制更新某个槽或一组槽的条件。
刷新广告位时,请务必熟悉并遵循 refresh()
最佳实践。不当刷新广告可能会导致广告效果问题,并对可见度率产生负面影响。
有效定位广告
配置键值对定位条件时,请仔细考虑是使用广告位级定位条件还是网页级定位条件。对于多个广告位之间共享的键值对,最有效的方法是通过 PubAdsService setTargeting()
方法使用页面级定位。广告位级定位仅应用于注册在所有广告位上不同或未包含的键值对。
请注意,您可以同时使用广告位级定位和页面级定位,如设置定位条件示例所示。强烈建议您先在网页一级配置定位条件,然后仅在必要时应用广告位级替换项。这种方法不仅可以高效使用 GPT API,还可以简化代码,并有助于保持对网页上配置的所有定位条件的清晰概念模型。
正确使用单一请求架构
单一请求架构 (SRA) 是一种 GPT 请求模式,可将对多个广告位的请求打包到单个广告请求中。这样可确保系统会遵循为您的网页配置的竞争性排除规则和拦截条件。因此,如果您的网页使用了这些元素,建议您启用 SRA 并了解如何正确使用它。
在默认配置下,SRA 会在您首次调用 display()
(如果初始加载已停用,则为 refresh()
)时请求网页上定义的所有广告位。因此,建议您先在文档的 <head>
中定义网页的所有广告位,然后再首次调用 display()
。延迟加载可与此方法结合使用,以确保位于折叠线下方的槽不会立即加载。
使用 SRA 时,请务必先全面配置所有广告位(例如设置定位条件、类别排除对象等),然后再首次调用 display()
。只有在此之前配置的值才会包含在初始 SRA 请求中。
不正确 - SRA 请求中未包含广告位配置
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots.
googletag.display(adSlot1);
});
</script>
</div>
<div id="banner-ad-2" style="width: 728px; height: 90px;">
<script>
googletag.cmd.push(function() {
// This call to display has no effect, since both ad slots have already
// been fetched by the previous call to display.
// Targeting configuration for ad slot 2 is ignored.
adSlot2.setTargeting('test', 'privacy');
googletag.display(adSlot2);
});
</script>
</div>
</body>
</html>
正确 - SRA 请求中包含广告位配置
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Single Request Architecture Example</title>
<script src="https://securepubads.g.doubleclick.net/tag/js/gpt.js" crossorigin="anonymous" async></script>
<script>
window.googletag = window.googletag || {cmd: []};
var adSlot1, adSlot2;
googletag.cmd.push(function() {
// Define ad slot 1.
adSlot1 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-1')
.addService(googletag.pubads());
// Define and configure ad slot 2.
adSlot2 = googletag
.defineSlot('/6355419/Travel/Europe/France',[728, 90], 'banner-ad-2')
.setTargeting('test', 'privacy')
.addService(googletag.pubads());
// Enable SRA and services.
googletag.pubads().enableSingleRequest();
googletag.enableServices();
});
</script>
</head>
<body>
<div id="banner-ad-1" style="width: 728px; height: 90px;"></div>
<div id="banner-ad-2" style="width: 728px; height: 90px;"></div>
<script>
googletag.cmd.push(function() {
// This call to display requests both ad slots with all
// configured targeting.
googletag.display(adSlot1);
});
</script>
</body>
</html>
优化广告尺寸
定义广告位时,请不仅考虑可投放的最大广告尺寸,还应考虑可舒适地放入同一空间的较小尺寸。一般来说,您在定义广告位时指定的尺寸越多,符合条件的可在该广告位投放的广告就越多。这可以提高填充率并增加收入。