Виджеты: интеграция приложения с сайтом события

Виджеты: интеграция приложения с сайтом события

Кратко

Виджеты — это HTML-блоки, которые встраиваются в страницы сайта события и отображают актуальные данные из мобильного приложения Event Rocks: расписание, список спикеров, логотипы партнёров и спонсоров. Контент подтягивается автоматически: достаточно обновить информацию в приложении — на сайте она тоже обновится.

Когда использовать

Используйте виджеты, если нужно:

• показать на сайте мероприятия программу, не дублируя её вручную;
• познакомить посетителей сайта со спикерами ещё до регистрации в приложении;
• разместить логотипы партнёров и спонсоров с активными ссылками на их сайты;
• поддержать мультиязычный сайт — виджеты умеют работать на нескольких языках, если контент переведён в приложении.

Виджеты подойдут как для лендинга события, так и для информационных страниц программы, страницы партнёров или раздела «О событии».

Как настроить

1. Определите, какие виджеты нужны: расписание, спикеры, партнёры и спонсоры. Можно использовать все три вместе или только часть.
2. Запросите HTML-код виджетов у менеджера проекта Event Rocks. Самостоятельно сгенерировать код в личном кабинете нельзя.
3. Передайте код вашему разработчику или вставьте его самостоятельно в нужные страницы сайта. Виджеты можно располагать на одной странице или разнести по разным.
4. Если нужен фирменный акцентный цвет в виджете расписания, согласуйте его с менеджером проекта.
5. После встраивания любые изменения в приложении (доклады, спикеры, логотипы, описания) автоматически появятся и на сайте.

Доступные виджеты

Виджет	Что показывает	Особенности
Расписание	Полная программа события с разбивкой по дням, залам и темам. По клику открываются подробности доклада, презентации, лекции, мастер-класса.	Поддерживает смену акцентного цвета. Показывает всю программу целиком, без фильтрации по группам пользователей.
Спикеры	Список спикеров. По клику на имя — доклады этого спикера.	На одной странице виджета выводятся 12 спикеров, далее кнопка «Ещё» для подгрузки остальных.
Партнёры и спонсоры	Блок с логотипами партнёров и спонсоров.	Если у логотипа задан сайт — он открывается по клику. Если есть описание компании — отображается рядом с логотипом.

Примеры использования

Виджет расписания на сайте

Подходит для страницы «Программа»: посетитель видит все дни и слоты, раскрывает карточку доклада, узнаёт спикера и тему.

Виджет спикера и отдельного доклада

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

Виджет партнёров и спонсоров

Логотипы выводятся блоком, ведут на сайты компаний. Подходит для страницы «Партнёры» и для подвала сайта.

Реальный пример

Виджет расписания в продакшене — на странице techweek.moscow/timing.

Ограничения и нюансы

• Кастомизация ограничена. Изменить шрифты, размеры, отступы нельзя. Доступна только смена акцентного цвета в виджете расписания. Запрос на изменение цвета — через менеджера проекта.
• Вёрстка рассчитана на 1080p и адаптируется под мобильные устройства. Другие разрешения и сложная интеграция в дизайн сайта не предусмотрены.
• Виджет расписания — агрегатор. Он не учитывает настройки видимости и роли пользователей, заданные в приложении: программа всегда показывается целиком. Если нужно делить программу по группам участников, используйте web-версию Event Rocks, которую также можно встроить на сайт (запросите у менеджера проекта).
• Порядок виджетов на странице свободный, за исключением виджета рекламы приложения — его позицию определяет Event Rocks.
• Получение кода — только через менеджера. В личном кабинете платформы сгенерировать HTML-код виджетов нельзя.
• Мультиязычность работает, только если в приложении заполнены переводы контента. В этом случае в иноязычную версию сайта встраивается виджет на соответствующем языке.

Связанные статьи

• Мобильное приложение события: возможности и настройка
• Расписание и программа мероприятия
• Управление спикерами
• Партнёры и спонсоры события
• Web-версия Event Rocks и встраивание на сайт
• Мультиязычность контента в приложении