打开空间

实施指南

侧边栏广告

Side rail ads

在宽屏电脑上固定在屏幕左侧或右侧的广告，位于内容旁边的空白区域。

  • AdSense
  • Ad Manager
  • 仅限桌面端
了解这种格式检查我的网站
桌面端
手机

1 分钟看懂

什么是侧边栏广告

侧边栏广告固定在屏幕的左侧或右侧，位于文字两旁的空白区域。想象一间教室，旁边的墙上贴着一块展板：学生看着前面的黑板，展板就在那儿，不会打扰上课。侧边栏广告就像这块展板。访客滚动页面时，广告始终停在原来的位置。

它专为电脑这类宽屏设计。很多网站把文字放在中间，两边留有空白，侧边栏广告正是利用这些空白，不会挤压或遮挡内容。在 AdSense 中，它属于自动广告，位于“浮层格式”分组，名称是“侧边栏广告”。只需一键开启，并选择左右两侧、仅左侧或仅右侧。

在 Ad Manager 中，展示侧边栏广告的是 GPT，也就是 Google Publisher Tag，即向 Google 请求广告的代码。您创建一个 slot（广告位），类型选择左侧或右侧边栏。GPT 会自己创建广告容器，并把它放在内容附近，距离为 5 到 25 像素。如果窗口变小、空白消失，广告会先隐藏，等空间恢复后再显示。

当您的网站在大屏幕上两侧有足够的空闲空间时，就很适合使用。GPT 要求屏幕至少为 1200 x 650 像素，且内容旁边至少有 120 x 500 像素的空白区域。如果您的版面横向铺满整个屏幕，就没有空位，广告也就不会显示。

分步说明

如何实施

  1. 在所有页面中放置代码AdSense 代码必须出现在所有页面上。启用后，广告最多可能需要一小时才会显示。
  2. 在 AdSense 中开启点击“广告”，再点击网站旁边的“修改”。开启“自动广告”，然后在“浮层格式”中勾选“侧边栏广告”。点击“应用到网站”，选择“立即应用”或“先进行实验”。
  3. 选择显示在哪一侧在高级设置中，使用“选择侧边栏广告的位置”：左右两侧、仅左侧或仅右侧。
  4. 在 Ad Manager 中，在 head 里创建广告位在 GPT 中，定义页面外类型的左侧边栏和右侧边栏广告位。使用前请确认每个广告位返回的都不是空值。
  5. 使用正确的尺寸无论是预订广告还是程序化广告，桌面端侧边栏的尺寸都是 180x500、160x600 和 120x600。
  6. 用演示功能测试在页面网址末尾加上示例中给出的演示代码，就能看到测试用的侧边栏广告，无需修改代码。

实施示例

代码及屏幕上的效果

AdSense 的属性要加在包住需要保护的页面区域的元素上；GPT 的代码块则放在使用 Ad Manager 的网站的 head 中。
<!-- AdSense: parte da página onde a barra lateral não deve sobrepor -->
<div google-side-rail-overlap="false">
  ... conteúdo ...
</div>

<!-- Ad Manager (GPT), no head -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"
  crossorigin="anonymous"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(() => {
    const leftSideRail = googletag.defineOutOfPageSlot(
      "/1234567/exemplo",
      googletag.enums.OutOfPageFormat.LEFT_SIDE_RAIL,
    );
    const rightSideRail = googletag.defineOutOfPageSlot(
      "/1234567/exemplo",
      googletag.enums.OutOfPageFormat.RIGHT_SIDE_RAIL,
    );
    // Volta null se a página ou o aparelho não aceitar barra lateral
    if (leftSideRail) leftSideRail.addService(googletag.pubads());
    if (rightSideRail) rightSideRail.addService(googletag.pubads());
    googletag.enableServices();
    if (leftSideRail) googletag.display(leftSideRail);
    if (rightSideRail) googletag.display(rightSideRail);
  });
</script>

<!-- Teste: acrescente no fim do endereço da página -->
<!-- #gamLeftSideRailDemo ou #gamRightSideRailDemo -->
在桌面端在电脑上，广告会出现在内容旁边的固定栏中，可以在左侧、右侧或两侧，并且在访客滚动页面时始终可见。
在手机上手机上不支持。

Google 的建议

可以做和不可以做

可以

  • 在 AdSense 中选择左右两侧、仅左侧或仅右侧。
  • 用官方属性保护页面的某一部分，避免侧边栏广告盖住那一区域。
  • 先用占 50% 流量的实验测试，最长可持续 90 天。
  • 在 Ad Manager 中，通过预订广告和程序化广告出售侧边栏，尺寸为 180x500、160x600 和 120x600。
  • 在 AdSense 中用自定义报告衡量效果,在广告格式中筛选侧栏广告。

不可以

  • 不要在您不希望出现侧边栏的页面上请求侧边栏广告。
  • 不要在 iframe 中运行 GPT：侧边栏广告需要 GPT 在主窗口中运行。
  • 如果想展示这种广告，就不要用其他元素占满两侧的空间：没有至少 120 x 500 像素的空白，广告就不会显示。
  • 不要把链接、菜单或下载按钮紧贴在广告旁边：Google 提醒这可能导致误点。
  • 除了 Google 允许的修改外，不要改动 AdSense 代码，也不要诱导访客点击广告。

提示

正确的做法

注意

常见错误

在小屏幕上测试

GPT 要求屏幕至少为 1200 x 650 像素。窗口更小时，广告不会显示。

横向铺满的版面

如果内容占满整个宽度，就没有 120 x 500 像素的空白，侧边栏广告无处可放。

没有检查广告位是否为空

当页面或设备不支持侧边栏广告时，GPT 会返回 null。代码在使用广告位之前需要检查这一点。

代码只放在部分页面

在 AdSense 中，代码必须出现在所有页面上，自动广告才能正常运行。

常见问题

手机上会显示侧边栏广告吗？

不会。在 AdSense 中它只用于电脑；在 Ad Manager 中它是需要宽屏的桌面端格式。

在 GPT 中需要为它创建 div 吗？

不需要。侧边栏广告会自己创建容器，并尽量放在靠近内容的位置。

可以只用一侧吗？

可以。AdSense 有“仅左侧”和“仅右侧”选项；在 GPT 中，您也可以只定义想要的那一侧的广告位。

广告与内容之间的距离是多少？

在 Ad Manager 中，广告位与主要内容的距离为 5 到 25 像素。

资料库

Google 官方来源

本页内容均以 Google 官方文档为准。可直接阅读原文：

你的网站是否正确使用了这种格式？

审核会像访问者一样读取网站，不点击任何内容，并告诉你需要修正什么。

开始审核