关于 HTML5 广告素材
HTML5 广告素材可以是展示广告素材，也可以是富媒体广告素材。您可在下方详细了解每种类型的广告素材。
展示广告素材
展示广告素材：一种可以使用图片或 HTML5 的非富媒体广告素材。展示广告素材具有以下优点：
- 可为各个退出事件生成点击代码报表
- 采取礼让加载方式
- 支持自适应 HTML5 素材资源
富媒体广告素材
富媒体广告素材：属于 HTML5 广告素材，可以包含横幅内嵌视频、展开到更大尺寸或包含互动元素（例如游戏）。富媒体广告素材具有以下优点：
- 针对多个退出事件、计数器和计时器生成报表，获取有关互动的数据
- 可展开至更大尺寸或全屏
- 支持横幅内嵌视频和音频
- 采取礼让加载方式
准备和上传 HTML5 展示广告素材资源
要设置采用 HTML5 格式的展示广告素材，请以 .zip 文件的形式将 HTML5 广告素材上传到 Campaign Manager 360。.zip 文件中应包含一个 HTML 文件以及该文件引用的所有文件。
-
创建一个文件夹。
-
添加您的 HTML 文件及其引用的所有素材资源。请勿添加任何其他文件。您可以将素材资源整理到子文件夹中，但不要压缩这些子文件夹。
.zip 文件中的内容.zip 文件内支持的文件类型和文件数量上限应添加的内容
-
HTML 文件：HTML5 广告素材的主素材资源是 HTML 文件。此文件是广告素材的入口点。它必须是一个完整的 HTML 文档，包含至少一个点击代码，而且能够加载到 iframe 中。Campaign Manager 360 会将 iframe 与您的素材资源一起投放。有关点击代码的帮助内容，请参阅下文。
-
其他文件：添加 HTML 文件引用的其他所有文件。请勿添加未引用的文件。
不应添加的内容
-
.zip 文件中不得包含 .zip 文件：请勿在 HTML5 .zip 文件中添加任何 .zip 文件。不过，如果您为几个独立的 HTML5 广告素材压缩了几个独立的 HTML5 .zip 文件，则可以将这些文件一同压缩，并批量上传到 Campaign Manager 360。
-
不得添加未引用的文件：如上所述，只能添加 HTML 文件引用的文件。
-
不得采用本地存储方式和会话存储方式：Campaign Manager 360 不接受采用本地存储方式或会话存储方式的 HTML5 素材资源。
-
名称中不得包含 %：不得在素材资源的任何文件的文件名中包含百分比符号 (%)。
-
无备用素材资源
-
（可选）广告投放人员可以将单独的备用图片上传到 Campaign Manager 360。如果 Campaign Manager 360 因主素材资源不受支持而无法使用它们，系统就会使用备用图片。请勿在 HTML5 .zip 文件中添加备用图片。
-
HTML5 .zip 文件示例 有关 .adz 文件的帮助信息-
支持的文件类型：HTML、HTM、JS、CSS、JPG、JPEG、GIF、PNG、JSON、XML、SVG、EOT、OTF、TTF、WOFF、WOFF2
-
每个 .zip 的文件数量上限：100 个
-
大小上限：10 MB
Campaign Manager 360 还接受 .adz 文件格式的 HTML5 广告素材。.adz 文件的处理方式与 .zip 文件完全相同。就打包为压缩文件而言，.adz 和 .zip 没有任何区别。
-
-
现在，广告投放人员就可以将此 .zip 文件上传到 Campaign Manager 360 了。
详细了解广告投放管理：
上传方面的问题
-
这可能是因为您的文件不是 .zip 或 .adz 格式。请将您的 HTML 文件（及其引用的其他所有文件）压缩成一个 .zip 文件，然后重试。
-
如果您认为自己的文件就是 .zip 格式，可通过检查文件的扩展名来核实一下：右键点击该文件，然后查看其属性，确认扩展名是否为
.zip。 -
如果您仍无法选择您的文件，可能需要与支持人员联系。
如果您无法上传文件，可能是因为您的文件中没有有效的 HTML5 素材资源或所含文件数超过 100 个（上限）；也可能是因为您的 HTML5 素材资源使用了采取本地存储方式或会话存储方式的 JavaScript API。为了保护用户的隐私，Campaign Manager 360 不允许使用此类 API。
为了保护用户的隐私，Campaign Manager 360 不接受采用本地存储方式或会话存储方式的 HTML5 素材资源。如果您上传的文件由于这个原因而被拒，请与制作人员一起移除这类被禁止使用的 API。然后，重新尝试上传素材资源。具体而言，您不能上传采用了以下 JavaScript API 的 HTML5 素材资源：
- indexedDB
- localStorage
- openDatabase
- sessionStorage
如果您的广告目标需要依靠这些 API 才能实现，可以尝试改用 Campaign Manager 360 设置。例如，一些广告客户使用这些 API 来设置广告定位条件和频次上限，但其实不必这样做，改用 Campaign Manager 360 也可以设置频次上限和很多种定位条件。您可以与支持人员联系，请其帮助您采取变通方法（请注意，无论您如何设置素材资源，都应只尝试采集符合您与 Google Marketing Platform 所签合同中的隐私保护要求的数据）。
什么是本地存储和会话存储？它们是两种 HTML5 网络存储方式，也就是在浏览器上存储数据的两种方式。本地存储方式将文件存储在浏览器上，在切换浏览会话后文件也不会丢失。除非用户手动清除浏览器缓存或删除该文件，否则该文件将永久保留在浏览器上。会话存储方式只是在某一次浏览会话期间将数据存储在浏览器上。在用户关闭并重启浏览器之后，所有通过会话存储方式保存的数据都会被清除。
为什么不允许使用这种存储方式？以这种方式存储的文件可能会包含一些代码，这些代码旨在采集个人身份信息 (PII)、跟踪跨会话浏览器活动，或向第三方发送可能会违反您与 Google Marketing Platform 所签合同中的条款的其他数据。诚然，这种数据收集行为并非本地存储方式和会话存储方式的唯一用途，但却是其中一种可能的用途，因为存储的文件可能包含任意类型的代码。
制作人员指南
资源
如何设置广告素材的尺寸
尺寸指南与图片或视频不同，HTML 文档本身没有尺寸。因此，请使用尺寸元标记指明广告素材的预期尺寸。尺寸元标记是 HTML 文档中的可选参数。这是确保广告素材能够以适当尺寸呈现的最佳方式。您可以按如下所示输入尺寸：
meta name="ad.size" content="width=300,height=250">点击代码
点击代码为带有 HTML5 素材资源的广告素材上的每个退出组件定义了着陆页。退出组件是指广告素材上的一些区域，用户点击这些区域之后，浏览器会转至相应的着陆页。每个点击代码为不同的退出组件指定了着陆页。
当用户点击退出组件时，广告素材会调用 Campaign Manager 360，以获取与此退出组件关联的着陆页。您可以在广告素材或广告中设置此着陆页，具体视您的需求而定。
当您上传素材资源时，Campaign Manager 360 会检测点击代码。您随时可以更改点击代码使用的着陆页，即使在您导出代码后也可以更改。这是因为点击代码是一种标准变量；也就是说，它是着陆页占位符，而不是硬编码的值。
由于广告级设置会替换展示广告素材中的广告素材级设置，因此当您设置点击代码时，请遵循下面介绍的一些最佳做法：
- 确保广告素材用点击代码变量作为点击后的目标网址。
- 点击代码应方便广告服务器进行读取（不压缩、不做模糊处理），尽管您可以在代码的其余部分和其他文件中使用缩小器。
- 我们建议您不要在素材资源中对网址进行硬编码，因为这样做不仅会妨碍 Campaign Manager 360 跟踪点击，还会妨碍广告投放人员更新此网址。在您上传素材资源后，如果其中有硬编码的网址，Campaign Manager 360 将会向您发出警告。
下例说明了如何在 HTML 文档中插入点击代码：
<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "http://www.google.com"; </script>
</head>
[请在此处添加广告素材代码的其余部分。]</html>
确保您的广告素材使用点击代码变量作为着陆页网址：
<img src="images/dclk.png" border=0>
</a>
Google Web Designer 的“点按区域”组件与 Campaign Manager 360 完全兼容。无需任何自定义代码。
如需使用“点按区域”添加点击代码，请执行以下操作：
- 确保广告上有按钮或其他非常醒目的号召性用语元素，以供用户点击或触摸。
- 将“点按区域”组件从“组件”面板的“互动”文件夹拖到场景中，并使其覆盖在号召性用语上。
- 在“事件”面板中点击用于创建新事件的按钮
。
- 在“事件”对话框中选择以下选项：
目标 “点按区域”组件 ( gwd-taparea_1)事件 点按区域 > 触摸/点击 操作 Google 广告 > 退出广告
注意：如果您执行退出广告（覆盖网址）这项类似操作，将无法在广告素材以外（例如在 Studio 或 Campaign Manager 360 中）修改网址，该操作应仅用于动态广告。
接收方 gwd-ad配置 - 指标 ID - 一个可使报告更易于理解的标签（例如“CTA”）。
- 网址 - 退出网址。
- 退出时合拢 - 对于展开式广告，若选中此项，当用户关闭广告时，系统即会合拢广告。
- 退出时暂停媒体 - 若选中此项，当用户关闭广告时，系统即会停止播放视频和音频。
- 退出时的展开前页面 - 对于展开式广告，这是指用户关闭广告时系统会显示的页面。
。
示例文件
HTML 文档示例下例就是一个 HTML5 广告素材的完整 HTML 文档。点击代码和尺寸元标记以粗体显示。
此广告素材非常简单，因此无需使用其他素材资源。假如这就是您的 HTML5 广告素材，您需要将其压缩成一个 .zip 或 .adz 文件，然后将该文件发送给您的 Campaign Manager 360 广告投放人员。
文档
<head>
<title>sample html page</title>
<meta name="ad.size" content="width=300,height=250">
<style>
html, body {background-color: blue;}
p { color:white; }
</style>
<script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script>
var clickTag = "http://www.google.org";
function resizeWindow()
{
$('p').css({ 'width':'100%', 'text-align':'center' });
var h1 = $('h1').height();
var h = h1/2;
var WinHeight = $(window).height();
var w = WinHeight/2;
var m = w - h;
var WinWidth=$(window).width();
$('p').css("margin-top",m + "px");
$("p").text("Size="+WinWidth+"x"+WinHeight);
}
$(document).ready(function () {
resizeWindow();
});
$(window).resize(function () {
resizeWindow();
});
</script>
</head>
<body>
<a href="javascript:window.open(window.clickTag)"><p>Page loading...</p></a> </body> </html>
此类 HTML5 文件可用于动态更改网址，并使用 Campaign Manager 360 广告服务器记录点击次数。
简易
在点击事件发生后，调用点击代码。
包含参数
在用户点击按钮后，调用 clickTag。此示例会演示如何将参数传递到目标网址（例如，邮政编码）。
包含 # 号的相关示例
使用这个符号进行编码可将向 Campaign Manager 360 发出的跟踪调用与相应按钮的着陆页网址分隔开来。对于在被点击后会到达包含井号 (#) 的目标网址的所有广告素材，该操作必不可少。
HTML5 file with a number sign in a click tag URL
多个点击代码
包含多个点击代码。
HTML5 file with multiple click tags
加载程序
.zip 包含两个 .zip 文件（一个父文件和一个子文件）。父文件加载子文件。
此类 HTML5 文件示例是用于记录非富媒体广告素材中的用户互动。
1x1 跟踪像素
在加载时会调用 Campaign Manager 360 1x1 跟踪像素。