Технические требования к HTML- баннерам

 

Общие сведения

HTML-баннер — это любой HTML-код, в том числе HTML5. Код  может представлять собой HTML-верстку баннера с CSS-стилями и JavaScript-кодом, либо код вставки сторонней системы управления интернет-рекламой.
 

Для разработки HTML баннеров рекомендуем использовать:

 

Поддержка браузеров

HTML5 поддерживается всеми современными браузерами и должен корректно работать в браузерах IE 10+, Firefox 14+, Safari 5+, Chrome 18+. Стоит отметить, что «старые» браузеры, например Internet Explorer версии 8  и ниже, не поддерживающие HTML5-код, не смогут корректно отображать контент  HTML5-баннера.

Требования к HTML-коду (для разработчиков кода):

  • Скрипты — JavaScript и CSS предпочтительнее размещать внутри  HTML-кода  баннера. Вы можете вынести JavaScript и СSS код в отдельные файлы (не более 5 файлов) с расширением .js или .css.
  • Подсчет кликов в баннере:

Cсылка для клика и перехода на сайт рекламодателя должна быть следующего вида

//---------------------------------------------------------------------//

./ext_click/?redirect_uri={сайт рекламодателя}

//---------------------------------------------------------------------//

Ссылка должна передаваться закодированной и соответствовать медиа типу application/x-www-form-urlencoded (механизм кодирования URL — Percent-encoding; спецификация синтаксиса URI — RFC3986)

 

Для кодирования рекомендуется использовать:

PHP— urlencode(), JS - encodeURIComponent() ...

 

//Пример HTML-----------------------------------------------//

<body onload="init();" style="background-color:#D4D4D4;margin:0px;">

<a href="./ext_click/?redirect_uri=http%3A%2F%2Fwww.example.by"><canvas id="canvas"
width="240" height="400" style="background-color:#FFFFFF"></canvas></a>

</body>

//Пример JS-----------------------------------------------//

window.open("./ext_click/?redirect_uri="+encodeURIComponent("http://www.example.by"), "_blank");

//---------------------------------------------------------------------//

При клике на баннер произойдет переход на сайт www.example.by.

 
 
 

 
  • Подсчет кликов с нескольких ссылок в  HTML-баннере:

Если в баннере есть несколько кликабельных областей, то ссылки должны выглядеть так

//---------------------------------------------------------------------//

./ext_click/?ln=1&redirect_uri={сайт рекламодателя 1}

./ext_click/?ln=2&redirect_uri={сайт рекламодателя 2}

./ext_click/?ln=N&redirect_uri={сайт рекламодателя N}

//---------------------------------------------------------------------//

Ссылка должна передаваться закодированной и соответствовать медиа типу application/x-www-form-urlencoded (механизм кодирования URL — Percent-encoding; спецификация синтаксиса URI — RFC3986) Для кодирования рекомендуется использовать:

PHP— urlencode(), JS - encodeURIComponent() ... 

Для проверки, передайте список кликабельных ссылок менеджеру рекламного отдела письмом или в .txt файле.

 
 
Информация от рекламодателя, необходимая для добавления  баннера:
  • Архив (.zip, .rar, .tar.gz) или папку с проектом — валидным HTML баннером:
    • 1. основной HTML файл в кодировке utf-8 (файл должен находиться в корне архива);
    • 2. каталог с изображениями либо сами изображения (может и не быть);
    • 3. каталог с JavaScript скриптами либо сами JavaScript скрипты (может и не быть);
    • 4. каталог с CSS файлами либо сами CSS файлы (может и не быть).
    •      HTML файл должен быть обязательно, остальные файлы могут присутствовать
           или нет, взависимости от необходимости их наличия в вашем баннере.
    •      Не допускается наличие в архивах сторонних файлов не имеющих отношение
           к баннеру. Вес проекта не должен превышать 300 КБ.Размер после полной
           инициализации — не больше 2 МБ.
    •      Если HTML-баннер был получен при помощи конвертера Swiffy, то в папке должен
           содержаться SWF-файл, из которого произведена конвертация.
    •      Ссылки на подключаемые файлы могут быть как относительные так и абсолютные.
  • Ссылку на сайт рекламодателя (URL перехода). Если ссылок в баннере несколько, в таком случае требуется наличие всех ссылок в формате:
    • //---------------------------------------------------------------------//
      http://example1.by — кликабельная область 1
      http://example2.by — кликабельная область 2
      ...
      http://exampleN.by — кликабельная область N
      //---------------------------------------------------------------------//
       
  • Указать размер площадки для размещения баннера.
  • Дополнительно может быть предоставлен промерочный пиксель для подсчета количества показов.

 

Требования к HTML- баннерам:

  • Имя файла может содержать только буквы латинского алфавита, цифры, знаки «.», «-», «_».
  • HTML, JS, CSS файлы должны иметь кодировку  utf-8.
  • Баннеры с белым фоном должны иметь цветную рамку, кроме баннеров-растяжек.
  • Допускается баннер со звуковым сопровождением, однако воспроизведение звука может инициироваться только кликом на рекламный  материал.
 

Рекомендации

Необходимо стараться избегать анимаций, требующих большого количества ресурсов процессора для отображения. Баннеры, которые будут демонстрировать использование процессора пользователя в пике больше чем на 70%, будут отключены.
 

Сроки и условия:

  • Реклама должна соответствовать общим требованиям
  • Крайний срок предоставления материалов — 15:00 рабочего дня, предшествующего выходу забронированной рекламы.
  • Дата размещения должна быть согласована с отделом рекламы.
  • Отдел рекламы оставляет за собой право отказывать в размещении нестандартной рекламы, нарушающей интересы пользователей либо негативно отражающейся на визуальном оформлении.