样式的尺寸与广告单元不同
如果样式是灵活的,广告单元也必须是灵活的。Google 表示,尺寸必须一致。
桌面端
手机
1 分钟看懂
什么是原生广告
原生广告是以零散的部分送来的,而不是一张现成的图。广告主发来各个部分,例如标题、图片和一小段文字。外观由你的网站来决定:每个部分的颜色、字体、大小和位置。就像拼装套件:盒子里装着零件,你按适合你客厅的方式来组装。所以它看起来像页面的一部分,就像文章列表里的又一张卡片。
在 Ad Manager 中,有两种方式给这种广告穿上外衣。第一种是原生样式,在 Ad Manager 内部创建,可以用带现成模板的引导式设计编辑器,懂代码的人也可以用 HTML 和 CSS。Google 表示,样式既适用于网页,也适用于应用。第二种是 Android 和 iOS 应用的代码,应用开发者通过 Google Mobile Ads SDK 接收各个部分,并在应用代码中绘制全部内容。对于网站,请走原生样式这条路。
由于原生广告看起来像内容,Google 在一件事上要求非常严格:访问者必须知道这是广告。归属标签和 AdChoices 图标会把卡片标记为广告。任何东西都不能隐藏、遮挡或伪装这些标签,而且广告必须和内容明显分开。就像商店里的宣传海报:可以做得好看,也可以和装修风格搭配,但必须让人一眼看出是广告。
Google 设计这种形式,是为了让同一个广告可以在网站的不同位置以不同的外观出现,而不改变广告主发送的内容。在网页上,Google 推荐灵活(fluid)尺寸,它会占满所在栏的宽度,并自动调整高度。当你希望广告与页面设计融为一体时,比如放在文章列表的条目之间,就很适合使用,同时要始终让广告标签清晰可见。
分步说明
如何实施
- 选择原生格式在 Ad Manager 中,依次进入投放和原生。使用包含你所需部分的标准格式。对于程序化广告,Google 只接受标准格式。
- 创建样式点击新建原生样式,然后选择引导式设计编辑器或 HTML 和 CSS。在引导式编辑器中,从模板开始并进行自定义这条路径,既可以投放传统广告,也可以投放程序化广告。
- 设置尺寸和定向选择与将要接收原生广告的广告单元相同的尺寸。Google 推荐灵活。如果样式是灵活的,广告单元也必须是灵活的,而且样式的定向条件要与订单项的定向条件一致。
- 搭建带标签的外观显示该广告形式必需的所有部分,包括广告标签。
- 把标记放到页面上在 GPT 中用 fluid 尺寸定义广告位，并把 div 放在宽度大于零的栏里。
实施示例
代码及屏幕上的效果
<!-- 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(() => {
// Slot nativo com tamanho fluido.
googletag
.defineSlot("/1234567/exemplo", ["fluid"], "nativo-exemplo")
.addService(googletag.pubads());
googletag.enableServices();
});
</script>
<!-- No <body>, dentro de uma coluna com largura -->
<div id="nativo-exemplo"></div>
<script>
googletag.cmd.push(() => {
googletag.display("nativo-exemplo");
});
</script>Google 的建议
可以做和不可以做
可以
- 在 Ad Manager 内通过引导式设计编辑器或 HTML 和 CSS 创建原生样式。
- 使用灵活(fluid)尺寸,Google 推荐它,可以在外观上有更大的自由度。
- 更改归因标签的外观以配合版面，只要仍然容易阅读。
- 在网站的不同位置，以不同的版式显示同一个广告。
- 为传统广告创建自定义原生格式，但要知道它不会接收程序化广告。
不可以
- 隐藏、遮盖或伪装归因标签或 AdChoices 图标。
- 让广告难以与内容区分。Google 要求广告必须与内容清楚地分开。
- 让广告的组件模仿页面的导航按钮。
- 不显示该广告形式必需的部分,例如广告标签和标题。
- 裁剪图片和视频、更改它们的宽高比,或者让各部分相互重叠。
- 把广告的其他部分放在为 AdChoices 预留的角落。
提示
正确的做法
- 在程序化内容格式中，标题最多 90 个字符。请据此规划空间。
- 流式广告在宽度大于 0 像素的栏中效果最好。
- 使用对比度良好的文字，并且只使用被接受的字体。在程序化样式中，Google 不接受第三方字体或库。
- Google 提醒，流式广告可能需要更长时间才能显示，并且在高度变化时可能会影响周围的内容。
注意
常见错误
自定义格式却期待程序化广告
自定义原生格式不会接收程序化广告。对于程序化广告，只有标准格式有效。
框没有宽度或高度被锁定
在宽度为零的栏里，或者在固定高度小于广告的框里，流式广告可能显示不正确。
常见问题
原生广告真的必须说明自己是广告吗？
是的。归因标签和 AdChoices 的作用是让任何人都不会把广告当成内容，所以不能被隐藏或伪装。
Android 和 iOS 应用的代码能在网站上使用吗?
不能。Google 说明这条路是给使用 Google Mobile Ads SDK 的 Android 和 iOS 应用的。对于网站,请走原生样式这条路。
我可以在其他广告中使用流式尺寸吗？
根据 GPT 文档，目前原生广告是 Ad Manager 唯一支持的流式类型。
资料库
Google 官方来源
本页内容均以 Google 官方文档为准。可直接阅读原文：
你的网站是否正确使用了这种格式？
审核会像访问者一样读取网站，不点击任何内容，并告诉你需要修正什么。