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