打开空间

实施指南

展示广告

Display ads

AdSense 的经典广告:一个矩形或一条横幅,你可以把它放在任何位置,还可以根据屏幕大小自动调整。

  • AdSense
  • 手机和桌面端
桌面端
手机

1 分钟看懂

什么是展示广告

展示广告是 AdSense 里最常见的类型。想象学校墙上挂的一张海报:它在固定的位置,每个经过的人都能看到。网站上也一样。你在页面上选一个位置,把一段代码贴在那里,Google 就会在这个位置放一个广告。

创建这种广告有两种方式。第一种是自适应,也是 Google 推荐的方式。它就像杯子里的水:会随容器的形状而变化。无论用户在电脑、平板还是手机上打开网站,广告都会自己计算出合适的尺寸。如果用户旋转手机,就会加载一个新的、尺寸合适的广告。第二种是固定尺寸,你自己选择确切的宽度和高度,例如 300 乘 250 像素。Google 提醒,固定尺寸可用的广告可能较少,这可能会降低收入。

Google 指出表现最好的尺寸是 300x250(中等矩形)、336x280(大矩形)、728x90(页眉横幅)、300x600(半页)和 320x100(手机大横幅)。手机竖持时,自适应广告可以拉伸到占满整个屏幕宽度,因为 Google 的测试表明这样效果更好。只有当系统认为这样会带来良好的效果和良好的访问者体验时,才会这样做。

当你想亲自决定每个广告出现在哪里时,例如文章顶部或文字旁边,展示广告就很值得使用。只是要记住,你选的位置必须遵守 Google 的放置规则:广告不能伪装成内容,要小心不要把它紧贴在菜单或按钮旁边,而且屏幕上的广告不能比内容还多。

分步说明

如何实施

  1. 打开广告菜单登录你的 AdSense 账号,点击“广告”,然后点击“按广告单元”。
  2. 选择展示广告点击展示广告,并给广告单元起一个好认的、唯一的描述性名称。
  3. 选择尺寸勾选“自适应”(Google 推荐),或者“固定”,如果你想输入确切的宽度和高度。
  4. 获取代码点击“保存并获取代码”,然后复制该广告单元的代码。
  5. 粘贴到页面中把代码粘贴到 body 标签之间,放在页面上广告应出现的确切位置。然后点击“完成”。
  6. 等待广告出现通常广告会在几分钟内出现,但也可能需要长达一小时。如果没有出现,请在网站页面检查你的网站状态是否已是准备就绪。

实施示例

代码及屏幕上的效果

这段代码放在 body 内,正好放在页面上广告应该出现的位置。
<script async
     src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000"
     crossorigin="anonymous"></script>
<!-- Anúncio de display responsivo -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

<!-- Versão de tamanho fixo (728x90) -->
<ins class="adsbygoogle"
     style="display:inline-block;width:728px;height:90px"
     data-ad-client="ca-pub-0000000000000000"
     data-ad-slot="1234567890"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
在桌面端它显示为你预留的位置上的一个矩形或一条横幅,例如顶部的 728x90 横幅,或文字旁边的 300x250 矩形。
在手机上自适应广告会根据屏幕宽度调整。手机竖持时,它可以占满整个屏幕宽度。

Google 的建议

可以做和不可以做

可以

  • 选择自适应尺寸(Google 推荐)或固定尺寸。
  • 使用 Google 指出表现最好的尺寸:300x250、336x280、728x90、300x600 和 320x100。
  • 把代码放在 div 或表格中来定位广告,例如在页面上居中。
  • 在广告上方写一个标签。Google 的政策只允许使用“广告”或“赞助商链接”这两个名称(英文为 Advertisements 或 Sponsored Links)。
  • 在同一个页面上放置多个广告,只要屏幕上的广告永远不比内容多。
  • 参照 Google 帮助中的示例,用 CSS 为每种屏幕宽度设置自适应广告的尺寸,然后在多种设备上测试。

不可以

  • 要求点击,例如“点击广告”之类的话,或者说点击能帮助网站。也禁止为点击提供任何奖励。
  • 把广告放在菜单、链接、下载按钮、播放按钮、视频播放器或游戏窗口附近,让用户可能误点。
  • 使用箭头、符号或醒目的动画,把目光吸引到广告上。
  • 把广告放在“资源”或“实用链接”之类具有误导性的标题下面,或者让它看起来像网站的内容。
  • 屏幕上的广告比内容还多,或者在没有内容的屏幕上显示广告,例如感谢页、错误页或退出页。
  • 让页面或广告在用户没有请求的情况下自动刷新。

提示

正确的做法

注意

常见错误

代码在 body 之外

把广告单元的代码粘贴在 body 标签之外,会导致广告无法正常显示。

框没有宽度

如果自适应广告放在没有明确宽度的框里,例如浮动元素,它就无法计算尺寸。请用 CSS 媒体查询设置宽度。

高度被锁定

固定或受限高度的框会妨碍自适应广告。Google 建议避免这样做。

隐藏内容的脚本

在广告之前运行并隐藏页面部分内容的脚本,可能会妨碍尺寸的计算。建议的解决办法是用 CSS 媒体查询来设置尺寸。

常见问题

自适应还是固定,我该选哪个?

Google 推荐自适应。固定尺寸可用的广告可能较少,这可能会降低收入。

广告要多久才会出现?

通常几分钟,但最长可能需要一个小时。

一个页面上可以放多少个广告?

政策没有规定具体数量。规则是屏幕上的广告不能比内容多,Google 也提醒,少即是多。

旋转手机会更换广告吗?

会。当屏幕方向改变时,会加载一个新的、尺寸合适的广告。之前的广告会被保存,用户再次旋转手机时会重新出现。

我可以在小屏幕上隐藏广告吗?

可以。Google 帮助展示了如何用带 display none 的 CSS,在某个屏幕宽度下隐藏广告单元。这样隐藏的广告甚至不会被请求。

资料库

Google 官方来源

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

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

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

开始审核