Настройка лендингов (landing page) для авиабилетов и отелей

В этой статье описывается процесс настройки лендингов с поиском авиабилетов и отелей. Лендинги по умолчанию рассчитаны на работу с сервисами aviasales.ru и hotellook.ru, но вы можете добавлять на них любые инструменты по своему усмотрению.

Ссылки на исходники лендингов находятся в статье Лендинги от Aviasales, Jetradar и Hotellook.

Настройка landing page

В первую очередь распакуйте архив и найдите файл index.html. В нем найдите строку:

var set_marker = '11501';

и замените цифры 11501 на свой партнерский маркер.

Параметр set_cookies является системным и не влияет на работу лендинга, изменять его не нужно.

Обратите внимание! Этот маркер автоматически подставляется не только в код формы поиска, но и во все виджеты, размещенные на лендинге. Поэтому заменять его нужно обязательно. Даже если вы решили разместить собственную форму поиска.

Создайте форму поиска в личном кабинете партнера, снимите галку «Компактный код для вставки» и скопируйте handle-код формы поиска:

Вставьте этот код в строку (вместо цифр 96070048c84676bf2e585f9f912b3ed7):

var set_handle = "96070048c84676bf2e585f9f912b3ed7";

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

Как установить город вылета и прилета в форму поиска

Откройте полный код формы поиска:

2018-01-11 15.05.43.10h74.jpg

Скопируйте вот эту часть:

2018-01-11 15.06.05.d00uv.jpg

Откройте файл js/app.js в исходнике лендинга и найти там блок set form settings. В нем нужно разместить скопированный код, вот так:

2018-01-11 15.07.48.24ko7.jpg

Настройка White Label для лендинга авиабилетов и отелей

Чтобы настроить White Label для лендинга, для начала создайте и настройте сам White Label.

Важно! White Label должен быть настроен на поддомен.

После этого в форме поиска, которую вы создали для размещения на лендинге (её handle мы копировали выше), выберите в полях:

  • Авиабилеты. Домен - имя вашего авиа White Label для отображения найденных авиабилетов;
  • Отели. Домен - имя вашего отельного White Label для отображения найденных отелей.

Снимите галку с чекбокса "Компактный код для вставки", и скопируйте код "search_host": "YourWhiteLabelName/flights", для размещения на лендинге авиабилетов и из поля "hotels_host": "YourWhiteLabelName/hotels", для размещения на лендинге отелей.

Откройте файл "js/app.js", найдите код поисковой формы и разместите там скопированную строку:

Чтобы при клике на виджеты тоже открывался White Label, необходимо найти в файле “js/app.js” код виджетов (они обозначаются такими вставками <!-- add widget -->) и в параметрах host и searchUrl указать адрес вашего White Label.

Как создать лендинг в Lpgenerator

Если вы не хотите возиться с кодом и получить собственный лендинг - воспользуйтесь сервисом lpgenerator.ru. Совместно с этой компанией мы разработали два шаблона лендинг страниц (раз, два), которые можно сразу использовать в своей работе.

Чтобы шаблоны появились в личном кабинете lpgenerator, зарегистрируйтесь по ссылке http://lpgenerator.ru/?partner_id=as или, если у вас уже есть профиль в данном сервисе, напишите запрос в службу поддержки. Подробнее об этой возможности вы можете прочитать в блоге lpgenerator.

Статистика

Для отслеживания статистики переходов по ссылкам на лендинги используйте "Отчет по доходам". Кроме того, вам будет полезен такой инструмент, как дополнительный маркер.

Была ли эта статья полезной?

Еще есть вопросы? Отправить запрос