适用于 Ad Manager 的 HTML5 指南

本文内容仅适用于 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 广告素材只能采用固定尺寸。示例:300x250400x400728x90。动态尺寸(例如自适应尺寸)不受支持。

    示例

    <meta name="ad.size" content="width=300,height=250">

  • 对于 Google Web Designer 压缩包中的广告素材 HTML 文件,creativeProperties 参数的 minWidthminHeight 属性的值不得为零。

    示例

    以下代码会导致出现错误:"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 代码中有硬编码网址。

该内容对您有帮助吗?

您有什么改进建议?
搜索
清除搜索内容
关闭搜索框
主菜单
10680247574771288059
true
搜索支持中心
true
true
true
true
true
148
false
false