Как разместить баннер на своём сайте

В этой статье рассказывается о том, как разместить изображение на вашем сайте и сделать из него баннер, то есть элемент, при клике на который, пользователь будет переходить по ссылке на другой сайт.

Обратите внимание, что большинство баннеров в разделе партнёрских программ Travelpayouts доступны уже с кодом, который нужно просто скопировать и вставить на ваш сайт.

Размещение баннера при помощи HTML-кода

1. Изображения для размещения на сайте находятся в инструментах программ. Например, баннеры Aviasales доступны в здесь. Кроме того, баннеры Hotellook собраны в этом архиве.

2. После того как баннер сохранен на вашем компьютере, загрузите файл-картинку на свой сайт в любую папку. Например, папка называется image.

3. Откройте в редакторе страницу сайта, на которой планируете разместить баннер.

4. Вставьте следующий код для отображения баннера в требуемом месте страницы.

Обратите внимание! Необходимо использовать форму создания ссылок, чтобы создать ссылку с партнёрским маркером.

<a href="https://tp.media/r?marker=XXXXX&trs=955&p=4114&u=https%3A%2F%2Fwww.aviasales.ru"><img src="/image/banner_name.png"/></a>

где вместо https://tp.media/r?marker=XXXXX&trs=955&p=4114&u=https%3A%2F%2Fwww.aviasales.ru необходимо поставить вашу партнёрскую ссылку, а вместо /image/banner_name.png — имя папки, в которой сохранён баннер и его имя.

Важно! Не используйте в названии файла изображения banner, ads и подобные слова — блокировщики рекламы удаляют такие изображения со страниц сайтов.

5. Сохраните изменения. Всё, баннер размещён.

Размещение баннера при помощи визуального редактора

Если вы используете для редактирования страниц визуальный редактор (например, как в WordPress), то размещение баннера происходит еще легче.

Нажмите кнопку Добавить медиафайл:

Загрузите файл-изображение баннера:

В окне редактирования настроек изображения в пункте Ссылка выберите вариант Произвольный URL и укажите вашу партнёрскую ссылку.

Сохраните изменения. Ваш баннер готов к работе.