Главная Требования к баннеру в HTML5

Требования к баннеру в HTML5

  1. Формат присылаемых данных — ZIP-архив.
  2. Размер архива не должен превышать 150 килобайт.
  3. Архив может содержать один HTML-файл и несколько файлов в форматах JS, JSON, CSS, JPG, GIF, PNG, SVG. В архивах игнорируются файлы .DS_Store (такие файлы создаются при архивировании на платформах Apple Mac OS X).
  4. Для имени файлов и директорий допустимо использовать только такой набор символов: -._~ , цифры и латинский алфавит.
  5. Все ссылки на ресурсы в баннере должны быть относительными путями в ZIP-архиве. Не должно быть подключения внешних файлов. При необходимости все вспомогательные JS-библиотеки должны предоставляться в архиве.
  6. Максимальное число файлов — 50. При необходимости можно объединить все JS/CSS/Image-документы и включить их в HTML-файл. Изображения объединить в лист спрайтов.
  7. Баннер должен корректно работать в браузерах Internet Explorer 9 и выше, Firefox 14 и выше, Safari 5 и выше, Chrome 14 и выше, Opera 14 и выше, Яндекс.Браузер 14 и выше, Microsoft Edge. При необходимости в файле должна учитываться функциональность браузера, необходимая для его работы.
  8. Открытие рекламируемого сайта должно происходить в новом окне, только по клику пользователя левой кнопки мыши на баннер.
  9. Переходы в баннере должны использовать значение параметра 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>