Добавление виджета
Виджет позволяет вывести на сайте блок с ценами по заранее заданному направлению (куда) на конкретные даты. Аэропорт вылета по умолчанию подтягивается автоматически из месторасположения пользователя, при этом у пользователя есть возможность вручную сменить аэропорт вылета прямо в форме.
Пример рабочего кода для отображения инструмента на странице:
<div id="test"> </div> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="//misc.travelpayouts.com/khl2017/script.php?lang=ru&marker=66886&container=test&destination=MOW&flights=2018-03-27:2018-03-29|2018-04-15:2018-04-18|2018-05-01:2018-05-07"></script>
Пока у виджета нет оболочки для быстрого генерирования в личном кабинете, как у остальных инструментов, но вы уже сегодня можете воспользоваться всеми функциями вручную. Для этого следуйте инструкции ниже.
- Добавляем элемент там, где необходимо вывести виджет и добавляем ему любой произвольный id, например test:
<div id="test" ></div>
- Далее необходимо подключить библиотеку Jquery, если вы не делали этого на странице ранее. Например:
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
- После подключения Jquery указываем путь к виджету, в котором прописаны основные параметры для работы. Например:
<script src="https://misc.travelpayouts.com/khl2017/script.php?lang=ru&marker=66886&container=test&destination=TSE&flights=2018-01-09:2018-01-15|2018-01-10:2018-01-14|2018-01-12:2018-01-14|2018-01-12:2018-01-15"></script>
Параметры для работы с виджетом:
- lang — язык виджета (в примере выше: ru, вы можете сменить на английский: en)
- marker — ваш маркер (5-6 цифр, смотреть в личном кабинете)
- container — контейнер для виджета (см. выше, например test или другое ваше название)
- destination — IATA код города назначения (например TSE – Астана, LAX – Лос-Анджелес, 3 буквы)
- flights — массив с данными о необходимых датах перелета
Работа с полем flights
Допустим, если вы хотите задать 2 перелета:
- С 21 декабря 2018 по 28 декабря 2018
- С 18 декабря 2018 по 22 декабря 2018
В таком случае flights будет содержать значение
flights=2018-12-21:2017-12-28|2018-12-18:2017-12-22
При формировании блока используются символы : и |.
- Каждая дата (туда/оттуда) разделятся между собой символом “:”.
- Каждый перелет, содержащий в себе перелет туда и обратно, разделяется между собой символом “|”.
Этот инструмент отлично впишется в материалы о предстоящем Чемпионате мира по футболу. Вы можете формировать предложения полетов на каждую игру, ведь даты уже известны. Региональные отели задрали цены, что некоторые фанаты всерьез рассматривают опцию — жить в Москве, а на выбранные матчи летать. Заработать на ЧМ можно и на отелях, недавно мы рассматривали этот вариант подробней.
Подойдет инструмент и для других мероприятий — крупные отраслевые конференции, праздники (майские, международный женский день и т.д), начало сезона отпусков и другое, что связано с конкретными датами.
Екатерина Ракова из Booking.com не зря в рамках Travelpayouts Affiliate Summit рекомендовала в любых партнерских формах стараться предугадать желание пользователя. Это уменьшает количество действий, необходимых от пользователя, а значит в теории влияет на повышение конверсии.
Попробуйте сами и обязательно поделитесь с нами своими успехами, идеями и даже замечаниями. Мы специально выкладываем инструмент заранее, чтобы сделать его для вас еще лучше.
Также вы можете узнать, как мы разрабатываем партнерские инструменты. Недавно Игорь Вечканов, программист Travelpayouts, приоткрыл закулисье разработки идеальных виджетов, и если вас не пугает слово Frontend, то обязательно познакомьтесь с нашим опытом.