Требования к баннеру в HTML5
- Формат присылаемых данных — ZIP-архив.
- Размер архива не должен превышать 150 килобайт.
- Архив может содержать один HTML-файл и несколько файлов в форматах JS, JSON, CSS, JPG, GIF, PNG, SVG. В архивах игнорируются файлы .DS_Store (такие файлы создаются при архивировании на платформах Apple Mac OS X).
- Для имени файлов и директорий допустимо использовать только такой набор символов: -._~ , цифры и латинский алфавит.
- Все ссылки на ресурсы в баннере должны быть относительными путями в ZIP-архиве. Не должно быть подключения внешних файлов. При необходимости все вспомогательные JS-библиотеки должны предоставляться в архиве.
- Максимальное число файлов — 50. При необходимости можно объединить все JS/CSS/Image-документы и включить их в HTML-файл. Изображения объединить в лист спрайтов.
- Баннер должен корректно работать в браузерах Internet Explorer 9 и выше, Firefox 14 и выше, Safari 5 и выше, Chrome 14 и выше, Opera 14 и выше, Яндекс.Браузер 14 и выше, Microsoft Edge. При необходимости в файле должна учитываться функциональность браузера, необходимая для его работы.
- Открытие рекламируемого сайта должно происходить в новом окне, только по клику пользователя левой кнопки мыши на баннер.
- Переходы в баннере должны использовать значение параметра linkN из get параметров URL к HTML-документу следующим образом: link1 для первого клика, link2 для второго и т.д. Можно использовать такой код:
<script>
function getUrlParam(name) {
name = name.replace(/[\[]/, "\\[").replace(/[\]]/, "\\]");
var regex = new RegExp("[\\?&]" + name + "=([^&#]*)"),
results = regex.exec(location.search);
return results == null ? "" : decodeURIComponent(results[1].replace(/\+/g, " "));
}
</script>
<a id="click1_area" href="#" target="_blank">...</a>
<a id="click2_area" href="#" target="_blank">...</a>
<a id="click3_area" href="#" target="_blank">...</a>
// после объявления тегов "<a href ...></a>" присваиваем для них обработчики на клик:
<script>
document.getElementById("click1_area").href = getUrlParam('link1');
document.getElementById("click2_area").href = getUrlParam('link2');
document.getElementById("click3_area").href = getUrlParam('link3');
</script>
