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