Настройка лендингов (landing page) для авиабилетов и отелей
- Настройка landing page
- Как установить город вылета и прилета в форму поиска
- Настройка White Label для лендинга
- Как создать лендинг в Lpgenerator
- Статистика
В этой статье описывается процесс настройки лендингов с поиском авиабилетов и отелей. Лендинги по умолчанию рассчитаны на работу с сервисами aviasales.ru и hotellook.ru, но вы можете добавлять на них любые инструменты по своему усмотрению.
Ссылки на исходники лендингов находятся в статье Лендинги от Aviasales, Jetradar и Hotellook.
Настройка landing page
В первую очередь распакуйте архив и найдите файл index.html. В нем найдите строку:
var set_marker = '11501';
и замените цифры 11501 на свой партнерский маркер.
Параметр set_cookies является системным и не влияет на работу лендинга, изменять его не нужно.
Обратите внимание! Этот маркер автоматически подставляется не только в код формы поиска, но и во все виджеты, размещенные на лендинге. Поэтому заменять его нужно обязательно. Даже если вы решили разместить собственную форму поиска.
Создайте форму поиска в личном кабинете партнера, снимите галку «Компактный код для вставки» и скопируйте handle-код формы поиска:
Вставьте этот код в строку (вместо цифр 96070048c84676bf2e585f9f912b3ed7):
var set_handle = "96070048c84676bf2e585f9f912b3ed7";
После этого лендинг можно загружать на хостинг - он полностью готов к работе. Но на этом настройки не заканчиваются. Вы можете разместить на лендинге собственную форму поиска и настроить лендинг так, чтобы результат поиска открывался на поддомене вашего сайта.
Как установить город вылета и прилета в форму поиска
Откройте полный код формы поиска:
Скопируйте вот эту часть:
Откройте файл js/app.js в исходнике лендинга и найти там блок set form settings. В нем нужно разместить скопированный код, вот так:
Настройка 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.
Статистика
Для отслеживания статистики переходов по ссылкам на лендинги используйте "Отчет по доходам". Кроме того, вам будет полезен такой инструмент, как дополнительный маркер.
