Настройка посадочных страниц Aviasales

В этой статье описывается процесс настройки посадочных страниц с поиском авиабилетов и отелей. Ссылки на исходный код целевых страниц можно найти в этой статье.

По умолчанию посадочные страницы содержат форму поиска Aviasales, которая позволяют вашим пользователям искать самые дешевые авиабилеты. Пользователи могут ввести города назначения и нужные даты на посадочной странице, и после нажатия кнопки поиска они будут перенаправлены на сайты aviasales.com, где будет представлен список всех доступных вариантов.

Однако вы можете установить города отправления и назначения по умолчанию в форме поиска или сделать так, чтобы результаты поиска открывались на вашем White Label. 

Но сначала необходимо убедиться, что ваш партнёрский маркер (ID) добавлен на посадочную страницу.

Первичная настройка и загрузка на хостинг

1. Распакуйте архив из скачанного шаблона и найдите файл index.html. 

2. В файле index.html найдите строку:

var set_marker = '11501';

3. Замените цифры 11501 на свой партнёрский маркер (ID). Это очень важный шаг, поскольку все бронирования, совершенные с помощью вашей посадочной страницы , будут привязаны к вашему аккаунту с помощью маркера.

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

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

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

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

1. Откройте файл app.js в папке js в исходнике посадочной страницы и найти там блок <!-- add form widgets -->

<!-- add form widgets -->
docReady(function() {
var searchOrigin;
var searchDestination;

2. Переменная searchOrigin — это город отправления, а переменная searchDestination — это город прибытия.

3. Подставьте нужные значения в виде IATA кода аэропорта, например:

<!-- add form widgets -->
docReady (function() {
var searchOrigin = 'MOW';
var searchDestination = 'LED';

В этом случае в качестве города отправления указана Москва, а город прибытия — Санкт-Петербург.

Настройка White Label для посадочной страницы авиабилетов

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

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

Чтобы результаты поиска отображались на вашем White Label, необходимо в файле app.js заменить адрес ссылки во всех полях searchUrl на адрес White Label в формате www.travel.example.com/flights.

Как создать посадочную страницу в Lpgenerator

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

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

Статистика

Для отслеживания статистики переходов по ссылкам на посадочные страницы Aviasales используйте Сводка по программе с фильтрацией по хосту. Кроме того, вам будет полезен такой инструмент, как дополнительный маркер (Sub ID).

mceclip0.png