Привет! Это команда .comly
Мы проектируем, разрабатываем и запускаем сайты и digital-системы со сложной логикой и большим объемом данных. Работаем с eCommerce, маркетплейсами, B2B-продуктами, медиа и сервисами с внешними API.
В статье рассказываем про один из таких проектов – интеграцию киноафиши на портале «Ижлайф».
«Ижлайф» – медиапортал с аудиторией 2-6 млн пользователей в месяц
В Ижевске и Удмуртии это основной источник новостей, обзоров, лайфстайла и культурной повестки.
До старта проекта на сайте:
- не существовало полноценной киноафиши как сервиса;
- был контентный раздел с рецензиями и тестами, но не было расписаний, сеансов и сценария покупки билета;
- пользователь, решив пойти в кино, уходил на сторонние сайты – агрегаторы и билетные сервисы.
Формально контент про кино на сайте был. Фактически путь пользователя обрывался на этапе принятия решения и действия.
Задача: интегрировать киноафишу по API
А также сделать рабочий раздел с фильмами, кинотеатрами и сеансами, довести пользователя до покупки билета. И заложить архитектуру так, чтобы позже можно было расширить раздел без переделки с нуля.
В качестве источника данных выбрали Афишу.ру с ее широкой базой кинотеатров и фильмов, стабильным API, готовым билетным виджетом.
Нам предстояло разобраться в возможностях API, переложить их в рабочую структуру, предупредить команду клиента о технических ограничениях и выстроить решение, удобное и для пользователей, и для команды клиента
Как устроен раздел
На основе возможностей API и анализа решений на других медиапорталах мы спроектировали раздел из четырех блоков:
- Сегодня в кино – фильмы, на которые есть сеансы сегодня.
- Фильмы недели – ручная подборка редакции через CMS.
- Скоро в кино – анонсы ближайших премьер.
- Рецензии и тесты – редакционный контент, который перелинкован с карточками фильмов в афише (и наоборот).
Фильтрация
Всего есть три фильтра. Они намеренно простые и закрывают типичные сценарии:
- «Хочу на конкретный фильм» – выбираю фильм, смотрю где и когда.
- «Хочу в конкретный кинотеатр» – выбираю кинотеатр, смотрю что идет.
- «Свободен в пятницу вечером» – выбираю дату, смотрю варианты.
А календарь здесь динамически привязан к расписанию: активны только даты с действующими сеансами.
Как происходит покупка билета
Пользователь может дойти до покупки двумя путями.
- Первый – через карточку фильма. Человек выбирает фильм, нажимает «Купить билет», выбирает дату, кинотеатр и сеанс. После этого открывается билетный виджет Афиши со схемой зала, выбором мест и оплатой.
- Второй – через расписание. Если пользователь уже знает, когда и куда хочет, он кликает на время сеанса. А дальше переходит на схему зала и оплату.
В обоих случаях «Ижлайф» передает все параметры (фильм, дату, кинотеатр, сеанс) в виджет Афиши. Пользователь не теряет контекста при переходе, а покупка корректно атрибутируется.
Техническая реализация: почему не выводим данные напрямую из API
По API Афиши на сайт попадают постеры, названия, описания, трейлеры, расписание сеансов, список кинотеатров.
Но данные не идут пользователю напрямую. Сначала они записываются во внутренние справочники и инфоблоки сайта, и только потом используются для отображения.
Почему сделали так? Главная сложность проекта – полная зависимость от внешнего API. Если на стороне Афиши сбой или задержка, без кэширования раздел просто перестал бы работать. Для портала с миллионной аудиторией это недопустимо
Итоги. За 30 календарных дней у «Ижлайф» появился рабочий сервисный раздел
Можно выбрать фильм, посмотреть расписание и купить билет, не уходя с портала. Редакция связывает рецензии и подборки с афишей напрямую, и контент начинает приносить деньги. Бизнес зарабатывает на партнёрских продажах, не загружая сайт рекламой.
И главное, это не разовая интеграция. Архитектура готова к расширению под другие городские события.
Нужна поддержка проекта?
Если ваш проект нуждается в технической поддержке или развитии, то изучите нашу услугу – «Техническая поддержка». По всем вопросам пишите в контакты.
