Просмотр исходного текста страницы Загрузка HTML5 баннеров

<!--T:1-->
Для гибкости и большей адаптации под HTML верстку используется формат HTML5 баннеров. Загрузка HTML баннеров схожа с загрузкой обычных баннеров.
1.	Для загрузки HTML баннера необходимо перейти в "Кабинет рекламодателя", выбрать необходимую баннерную кампанию в разделе "Кампании", нажать на "Управление баннерами" и в появившемся перечне рекламных материалов на панели управления нажать на кнопку "Добавить HTML баннер". <br \> '''!Чтобы открыть эту функцию, обратитесь к агенту поддержки или персональному менеджеру.'''
[[Файл:html_banners_9.jpg|80px|centre|frame|рис. 1]]
[[Файл:html_banners_1.jpg|80px|centre|frame|рис. 2]]
2.	В появившемся интерфейсе необходимо указать "Название" баннера, а так же ввести URL адрес для переадресации при клике по баннеру.
[[Файл:html_banners_2.jpg|centre|frame|рис. 3]]
3.	В поле "Баннер" следует выбрать файл, который будет загружен. Требования к загрузке HTML баннеров:
           <ul>
             <li>Перед загрузкой, html-баннер должен быть заархивирован в формате .zip (баннер архивируется напрямую, без предварительного перемещения в папку и последующей архивации папки). Обязательно должен быть файл с расширением ".html" (см. описание структуры html файла ниже)</li>
             <li>Максимальный размер загружаемого файла не должен превышать 100кБ</li>
             <li>Клик по баннеру должен вызывать открытие нового окна</li>
             <li>Чтобы во внешней статистике (партнерской программы, Google Analytics и пр) видеть с каких сайтов и рекламных материалов были переходы и конверсии, Вам нужно к рекламируемой ссылке добавить следующие макросы:
               <ol>
                   <li>{site_id} - для передачи id площадки;</li>
                   <li>{ad_id} - для передачи id баннера;</li>
                   <li>{campaign_id} - для передачи id кампании.Вид рекламной ссылки для каждой партнерской программы индивидуален, потому как именно будет выглядеть ссылка с нашими макросами, Вам стоит уточнять в поддержке партнерской программы.</li>
               </ol>
Пример для Google Analytics:
<pre>http://АДРЕС_ВАШЕГО_САЙТА/?utm_source=kadam&utm_campaign={campaign_id}&utm_medium={site_id}&utm_content={ad_id}</pre>
             </li>
           </ul>
[[Файл:html_banners_3.jpg|centre|frame|рис. 4]]
Для корректной загрузки файл .html должен содержать минимальную структуру:
<pre>
      <html>              #Начало html файла
        <head></head>     #Заголовок html файла
        <body></body>     #Тело html файла
      </html>             #Конец html файла
</pre>
Указанные теги необходимо скопировать в файл .html (без комментариев) и потом сохранить его.
В названии файла допустимо использование латинских букв и цифр.
4.	В поле "Размер" необходимо выбрать размер загружаемого HTML баннера.
[[Файл:html_banners_4.jpg|centre|frame|рис. 5]]
5.	Поставить на паузу после модерации - в случае успешного прохождения модерации при установленной отметке этого поля, статус рекламного материала будет "приостановлен", а не "активен".
[[Файл:html_banners_5.jpg|centre|frame|рис. 6]]
6.	В группе полей "Настроить ставки" можно настроить ставки для конкретного рекламного материала. По умолчанию используются ставки, указанные в настройках кампании.
[[Файл:html_banners_6.jpg|centre|frame|рис. 7]]
7.	Таргетинг по ключевым словам - отображает список ключевых слов, которые были добавлены в настройках рекламной кампании.
[[Файл:html_banners_7.jpg|centre|frame|рис. 8]]
8.	Для сохранения настроек баннера необходимо нажать на кнопку "Создать".
9.Если баннер сдвигается вправо и вниз, то пробуйте убрать отступы в коде баннера, например, используя свойства '''"margin"''' и '''"padding"''':
<pre>
     <body style="margin:0px; padding:0px;"></body>
</pre>
10. Обратите ВНИМАНИЕ, что запрещается использовать iframe в HTML-баннерах.