本文内容仅适用于 Google Ad Manager 产品,不适用于其他 Google 产品。您还可以查看 Studio HTML5 要求或 Google Web Designer HTML5 要求。
本文将提供有关制作 HTML5 广告素材压缩包并将其上传到 Google Ad Manager 的指南。
这些指南应该适用于任何支持 HTML5 的浏览器。有些广告素材可能无法按预期方式投放。在实现此类广告素材之前,请先测试 HTML5 代码。
在 Rich Media Gallery 中查看 HTML5 文件的一些示例
确认压缩包是否符合 SSL 协议
HTML5 广告素材必须符合 SSL 协议,才能投放到 HTTPS 网站。
在 Google Web Designer 中选择正确的环境
如果您的 HTML5 广告素材是使用 Google Web Designer 制作的,请选择 Display & Video 360 环境。
定义尺寸
- 请使用
size
元标记定义应该以何种尺寸展示广告素材:<meta name="ad.size" content="width=[x],height=[y]">
。HTML5 广告素材只能采用固定尺寸。示例:300x250
、400x400
、728x90
。动态尺寸(例如自适应尺寸
)不受支持。示例
<meta name="ad.size" content="width=300,height=250">
- 对于 Google Web Designer 压缩包中的广告素材 HTML 文件,
creativeProperties
参数的minWidth
和minHeight
属性的值不得为零。示例
以下代码会导致出现错误:
"creativeProperties":{"minWidth":0,"minHeight":0,"maxWidth":0,"maxHeight":0}
设置点击代码和点击后到达网址
退出组件是指任何可在用户点击后将浏览器转到相应着陆页的区域。点击代码用于定义 HTML5 广告素材上每个退出事件的点击后到达网址。
详细了解如何添加 HTML5 退出组件(包括那些使用 Google Web Designer 的退出组件)
当用户点击退出组件后,广告素材会调用 Ad Manager,以获取关联的点击后到达网址。
- 在广告素材或广告中设置退出网址,具体视您的需求以及广告素材类型而定。如果您在广告素材和广告中均设置了点击代码,那么以广告级设置优先。
在您上传素材资源时,Ad Manager 会检测点击代码。您可以随时更改点击代码所用的点击后到达网址,即便在您导出代码后也可以更改。
- 将点击代码插入到 HTML 文档的
<head>
中。示例<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.google.com";
</script>
</head>
- 将
clickTag
变量用作广告素材中的目标位置。示例<a href="javascript:void(window.open(clickTag))">
<img src="images/dclk.png" border=0>
</a> - 点击代码应易于广告服务器读取,且不得进行压缩或混淆。您可以在代码的剩余部分和其他文件中使用压缩程序。
- 避免对点击后到达网址进行硬编码。硬编码网址不仅会妨碍 Ad Manager 跟踪点击情况,还会妨碍广告投放人员更新此网址。在您上传压缩包时,Ad Manager 会显示警告,提醒您 HTML5 代码中有硬编码网址。