Как мы встроили покупку билетов в медиапортал с аудиторией до 6 млн визитов в месяц

Задача: интегрировать киноафишу по API.

А также сделать рабочий раздел с фильмами, кинотеатрами и сеансами, довести пользователя до покупки билета. И заложить архитектуру так, чтобы позже можно было расширить раздел без переделки с нуля.

«Ижлайф» – медиапортал с аудиторией 2-6 млн пользователей в месяц

В Ижевске и Удмуртии это основной источник новостей, обзоров, лайфстайла и культурной повестки. До старта проекта на сайте:

1. Не существовало полноценной киноафиши как сервиса;

2. Был контентный раздел с рецензиями и тестами, но не было расписаний, сеансов и сценария покупки билета;

3. Пользователь, решив пойти в кино, уходил на сторонние сайты – агрегаторы и билетные сервисы.

Задача: интегрировать киноафишу по API

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

На основе возможностей API и анализа решений на других медиапорталах мы спроектировали раздел из четырех блоков:

1. Сегодня в кино – фильмы, на которые есть сеансы сегодня. 

2. Фильмы недели – ручная подборка редакции через CMS. 

3. Скоро в кино – анонсы ближайших премьер. 

4. Рецензии и тесты – редакционный контент, который перелинкован с карточками фильмов в афише (и наоборот).

   

   Фильтрация

   Всего есть три фильтра. Они намеренно простые и закрывают типичные сценарии:

   1. «Хочу на конкретный фильм» – выбираю фильм, смотрю где и когда. 

   2. «Хочу в конкретный кинотеатр» – выбираю кинотеатр, смотрю что идет. 

   3. «Свободен в пятницу вечером» – выбираю дату, смотрю варианты.

   А календарь здесь динамически привязан к расписанию: активны только даты с действующими сеансами.

   Как происходит покупка билета

   Пользователь может дойти до покупки двумя путями.

   1. Первый – через карточку фильма. Человек выбирает фильм, нажимает «Купить билет», выбирает дату, кинотеатр и сеанс. После этого открывается билетный виджет Афиши  со схемой зала, выбором мест и оплатой.

   2. Второй – через расписание. Если пользователь уже знает, когда и куда хочет, он кликает на время сеанса. А дальше переходит на схему зала и оплату.

   В обоих случаях «Ижлайф» передает все параметры (фильм, дату, кинотеатр, сеанс) в виджет Афиши. Пользователь не теряет контекста при переходе, а покупка корректно атрибутируется.

Техническая реализация: почему не выводим данные напрямую из API

По API Афиши на сайт попадают постеры, названия, описания, трейлеры, расписание сеансов, список кинотеатров.

Но данные не идут пользователю напрямую. Сначала они записываются во внутренние справочники и инфоблоки сайта, и только потом используются для отображения.

Почему сделали так? Главная сложность проекта – полная зависимость от внешнего API. Если на стороне Афиши сбой или задержка, без кэширования раздел просто перестал бы работать. Для портала с миллионной аудиторией это недопустимо.

Итоги. За 30 календарных дней у «Ижлайф» появился рабочий сервисный раздел

Можно выбрать фильм, посмотреть расписание и купить билет, не уходя с портала. Редакция связывает рецензии и подборки с афишей напрямую, и контент начинает приносить деньги. Бизнес зарабатывает на партнёрских продажах, не загружая сайт рекламой.

И главное, это не разовая интеграция. Архитектура готова к расширению под другие городские события. 

С результатом можно ознакомиться здесь: https://izhlife.ru/afisha/