HTML5 横幅的要求

技术要求

HTML5 横幅必须是包含一个 HTML 文件和多个 JavaScript、JSON、CSS、JPEG、GIF、PNG 或 SVG 文件的 ZIP 文件。

HTML5 横幅中使用的存档和文件必须满足以下要求：

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

   已复制

2. HTML5 横幅中的所有链接必须存在关联并指向存档中的其他文件。

3. 存档最多可以包含 20 个文件。 将 JavaScript、CSS 和 SVG 源代码添加到 HTML 文件中，并将所有位图组合成一个文件（精灵图集）。

4. 存档 index.html 的最大大小必须小于 150 KB。

   已复制

5. 存档中将忽略 __MACOSX 文件夹以及 .DS_Store 和 Thumbs.db 文件的内容。 这些文件属于操作系统辅助文件，并非运行 HTML5 横幅的必要条件。

6. 单击横幅会打开在Link to site字段中指定的页面、移动应用（如果已安装）或商店中的应用页面（如果未安装该应用）。 横幅点击必须通过调用yandexHTML5BannerApi.getClickURLNum(1)方法打开此页面。

   已复制

   <a id="click_area" href="#" target="_blank">...</a> 
    // after the "<a href ...></a>" 
    element,  // assign its href attribute as follows:
     <script> 
       document.getElementById("click_area").href = yandexHTML5BannerApi.getClickURLNum(1); 
    </script>
   

7. 允许使用以下横幅尺寸：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">
   

8. 允许外部调用 Yandex 托管的 JavaScript 库。 如果 HTML5 横幅使用其他库，请将其纳入存档源代码。

HTML5 横幅必须符合 Yandex Direct 的规则：

• 宣传的网站必须在新窗口中打开（且只在用户点击 HTML5 横幅后打开）。

• 在整个广告系列中，HTML5 横幅应该在以下浏览器中对所有平台上的所有用户正确显示并以同样的方式工作：Yandex 浏览器 14 及以上版本、Google Chrome 14 及以上版本、Mozilla Firefox 14 及以上版本、Opera 14 及以上版本、Internet Explorer 9 及以上版本和 Microsoft Edge。

• 在 HTML5 中，不能使用视频或音频片段、令人不快的脚本行为或恶意代码（如启动弹出窗口或伪造 IP 地址的脚本）、浏览器扩展或插件（Adobe Flash 及其他）。 横幅源代码不能经过模糊处理，也就是说不应难以分析。

• HTML5 横幅必须符合 CPU 占用率要求。

  CPU 占用率要求

  使用一台配置为 Intel Core 2 Duo P9600 2.53 GHz CPU、2 GB 内存、64-800 MB 显存和 Windows 7 Professional 64 位版的计算机来测试 CPU 占用率。 加载单个页面，其中只包含接受测试的横幅。 该横幅的 CPU 占用率在可测量的时间段内（1 秒或几分之一秒）不应超过 50% 或在任意时刻不应超过 70%。 使用任务管理器来测量处理器占用率。

不要使用快速动画、闪烁的图形元素或发光的背景。 切换到下一帧前的时间应该足够长，使用户能够阅读该帧上显示的所有文本。

关于展示广告系列广告创意审核要求的更多信息。

了解更多

• 如何启动展示广告系列

有问题吗？

联系我们