创建图片广告

创意基于 HTML5 横幅创建，即包含单个 HTML 文件以及 JavaScript、JSON、CSS、JPEG、GIF、PNG 和 SVG 文件的 ZIP 归档。

技术要求

1. 最大归档大小为 3 MB。

2. 文件和目录名称只能包含拉丁字母、数字和字符 -._~。

3. HTML5 横幅中的所有链接必须是相对的，且指向归档中的其他文件。

4. 归档最多可包含 20 个文件。 在 HTML 文件中添加来自 JavaScript、CSS 和 SVG 的源代码，并将所有位图合并到单个文件（例如精灵图集）中。

5. 已归档 index.html 的最大大小必须小于 500 KB。

6. 归档中将忽略 __MACOSX 文件夹和 .DS_Store 以及 Thumbs.db 文件的内容。 这些操作系统辅助文件对于要使用的 HTML5 横幅不是必需的。

7. 点击横幅将打开推广的网站页面。 横幅点击必须通过调用 yandexHTML5BannerApi.getClickURLNum(1) 方法打开此页面。

   <a id="click_area" href="#" target="_blank">...</a>
   // 在 "<a href ...></a>" 元素后，
   // 按如下方式分配其 href 属性：
   <script>
     document.getElementById("click_area").href = yandexHTML5BannerApi.getClickURLNum(1);
   </script>
   

8. 允许使用以下横幅尺寸：160×600、240×400、240×600、300×250、300×300、300×500、300×600、320×50、320×100、320×480、336×280、480×320、728×90、970×250、1000×120。

   在 <meta> 元素中指定横幅尺寸：

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

9. 允许对 Yandex 托管的 JavaScript 库进行外部调用。 如果 HTML5 横幅使用其他库，请将其包括在归档源代码中。

展示互动 HTML5 横幅的建议

1. 推广的网站页面必须在新窗口中打开（且只在用户左键点击 HTML5 横幅后打开）。

2. 在整个广告系列中，HTML5 横幅应在以下浏览器中对所有平台上的所有用户正确展示且行为一致：Yandex Browser 14 及以上版本、Google Chrome 14 及以上版本、Mozilla Firefox 14 及以上版本、Opera 14 及以上版本、Internet Explorer 9 及以上版本和 Microsoft Edge。 如果适用，文件中应考虑相关浏览器支持。

3. 在 HTML5 中，不得使用视频或音频片段、令用户反感或恶意的脚本行为（例如，启动弹出窗口的脚本、伪造 IP 地址的脚本等）、浏览器扩展或插件（Adobe Flash 等）。 横幅源代码不应被混淆，也就是说分析难度不应过高。