HTML5 Google
Баннер формата HTML5 должен передаваться в виде единого html - файла без дополнительных файлов-ресурсов. Все CSS-стили и JS-функции должны содержаться внутри html - файла, так же как и изображения, которые должны быть вставлены в base64 формате. Весь контент баннера, включая изображения и текст, должен содержаться внутри html - файла и не может быть загружен с внешнего ресурса.
· Размер html - файла – не более 150 Кб.
· Суммарный объем подгружаемых JS-библиотек не должен превышать 300 Кб.
· Наличие кликабельной области.
В качестве целевого ресурса в баннере следует использовать переменную тега кликов.
Пример реализации тега кликов в html - документе:
<html>
<head>
<meta name="ad.size" content="width=300,height=250">
<script type="text/javascript">
var clickTag = "
http://www.google.com";
</head>
[Здесь находится остальной код вашего баннера.] </html>
В качестве URL - перехода по клику в баннере следует использовать переменную clickTag:
<a href="javascript:window.open(window.clickTag)">
<img src="images/dclk.png" border=0>
</a>
HTML5 Яндекс
1. Максимально допустимое количество символов в HTML-коде - 65 000.
JavaScript и CSS предпочтительнее размещать внутри HTML-кода баннера.
Если итоговый HTML-код превышает максимально допустимое количество символов, то необходимо уменьшить код за счет вынесения JavaScript и CSS в отдельные файлы:
- сохраните js и css код в отдельные файлы с расширением .js или .css;
- файлы по весу не должны превышать 300Кб;
- полученные файлы подключите в HTML код.
Пример подключения js и css файлов: <script type="text/javascript" src="ССЫЛКА_НА_ФАЙЛ"></script>
<link type="text/css" href="ССЫЛКА_НА_ФАЙЛ" />
В HTML-коде не допускается использование относительных путей к файлам.
2. Подсчет кликов в баннере
Чтобы в ADFOX у баннера считалась статистика по кликам, необходимо в HTML-коде в теге <а> для атрибута href прописать переменную:
%banner.reference_user1%
Также для ссылок используйте атрибут target с переменной %banner.target% в значении атрибута.
Если атрибут отсутствует, то ссылка откроется внутри iframe, то есть рекламируемый сайт откроется на баннерном месте.
Пример HTML-кода для подсчета кликов по баннеру для десктопной и мобильной версии: <a href="%banner.reference_user1%" target="%banner.target%"> </a>
Пример HTML-кода для подсчета кликов по баннеру для МОБИЛЬНОГО ПРИЛОЖЕНИЯ:
<a href="%banner.reference_mrc_user2%" target="%banner.target%">
Сайт рекламодателя</a>
1. В проекте может находиться только один файл с расширением .html;
2. Максимально допустимое количество файлов в проекте — 50;
3. Разрешенные типы файлов в проекте: css, js, html, gif, png, jpg, jpeg, svg, json, flv, mp4, ogv, ogg, webm,avi,swf;
4. Максимальный размер каждого файла (действует также для файлов внутри архива):
- 300Кб;
5. Названия файлов должны содержать только цифры или буквы английского алфавита, символ подчёркивания. Не допускается использование в названии файла русских букв, пробелов, кавычек и специальных символов;
6. В названиях переменных и объектов нельзя использовать русские буквы.
Исключение составляет только текст на баннере.
7. Формат готового проекта — zip архив.