Веб-страницы в панели администрирования

Веб-страницы в панели администрирования

Кратко

Модуль «Веб-страницы» позволяет встроить в главное меню мобильного приложения мероприятия любой внешний веб-ресурс или локально запакованный HTML-комплект. Участники открывают такие страницы прямо в приложении, не переходя в браузер. Поддерживается два способа встраивания: по ссылке (требуется интернет) и через ZIP-архив (работает офлайн в мобильном приложении). Отдельный тип — веб-контроллеры — это веб-страницы, в которые передаётся информация об авторизованном пользователе.

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

Веб-страницы уместны, когда в базовом наборе модулей Event Rocks нет нужного раздела, но у организатора уже есть готовый веб-ресурс. Типовые сценарии:

• Форма регистрации и оплаты билета на внешнем сервисе (TimePad, Eventbrite, внутренняя CRM).
• Лендинг спонсора или партнёра мероприятия.
• Страница магазина мерча или сувенирной продукции.
• Онлайн-трансляция, плеер YouTube или Twitch, встроенный в меню.
• Программа выставки на сайте партнёра.
• Раздел «Мои бронирования» — стандартный пример веб-страницы в меню.
• Геймификация и активности, размещённые на сторонней платформе (например, Kahoot, Quizlet).

Если нужна глубокая интеграция с профилем участника (например, отображение персонального расписания, баллов, покупок), используйте веб-контроллеры с авторизацией.

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

1. Включите модуль

В панели администрирования откройте раздел «Меню приложения» и активируйте модуль «Веб-страница» для события. После этого в боковом меню появится одноимённый пункт.

2. Создайте веб-страницу

Перейдите в пункт меню «Веб-страницы» и нажмите «Добавить +». В открывшейся форме заполните:

• Название раздела — отображается как пункт главного меню в приложении. Делайте коротким, чтобы оно уместилось в мобильной навигации.
• Показывать раздел в мобильном приложении — по умолчанию включено.
• Показывать раздел в веб-версии Event Rocks — при включении раздел появится в веб-меню участника.
• Идентификатор раздела — используется в URL веб-версии.

Отображение веб-страницы в мобильном приложении

3. Выберите способ встраивания

В блоке «Содержимое раздела» доступны два варианта:

Ссылка

• Укажите URL ресурса.
• Страница отображается только при наличии интернета.
• Подходит для актуального контента: трансляции, регистрации, лендинги партнёров.

ZIP-архив с ресурсами страницы

• Загрузите заранее подготовленный архив с HTML, CSS, JS и медиафайлами.
• Страница открывается офлайн в мобильном приложении.
• Подходит для статичных материалов: программа выставки, схема зала, памятка участника.

4. Настройте навигацию по ссылкам

Опция «Открывать ссылки внутри приложения» управляет поведением переходов:

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

5. Добавьте несколько веб-страниц

Если нужны дополнительные разделы, откройте пункт «Основное» → вкладка «Возможности» и нажмите кнопку добавления модуля «Веб-страницы». Для каждой страницы повторите шаги 2–4.

6. Удалите веб-страницу при необходимости

Откройте нужную страницу и нажмите «Удалить» справа от названия. Удаление происходит без подтверждения — пункт меню исчезает сразу, окно модуля при этом не закрывается.

Веб-контроллеры — страницы с авторизацией

Веб-контроллеры — это те же веб-страницы, но с передачей данных авторизованного пользователя Event Rocks. Используются, когда внешний сервис должен «знать», кто именно из участников открыл страницу.

Сценарии:

• Личный кабинет участника на сторонней платформе без повторного логина.
• Покупка дополнительных услуг (обеды, мастер-классы) с привязкой к профилю.
• Заказ трансфера или бронирование переговорной комнаты.

Для интеграции с нативной частью приложения (получение данных пользователя, управление навбаром) используется JS SDK Event Rocks. Запросите SDK у менеджера, если планируете интерактивные сценарии. Для простых неинтерактивных страниц SDK не нужен.

Настройка веб-страницы в веб-версии

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

Пример 1. Форма регистрации партнёра Ссылка на внешнюю Google-форму, встроенная в меню как пункт «Стать партнёром». Опция «Открывать ссылки внутри приложения» включена, чтобы кандидат не уходил в браузер.

Пример 2. Программа выставки офлайн ZIP-архив со страницей плана выставки, списком стендов и схемой павильона. Архив загружается заранее, участники открывают программу в приложении без интернета в зоне со слабым сигналом.

Пример 3. Личный кабинет на стороннем сервисе Веб-контроллер с авторизацией: участник видит свои билеты, оплаты и историю заказов, авторизуясь автоматически через профиль Event Rocks.

Пример 4. Онлайн-трансляция докладов Ссылка на YouTube-плеер встраивается в меню «Трансляция». Дополнительно добавляется ZIP-страница с расписанием эфира на случай нестабильного интернета.

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

• Встроенный браузер мобильного приложения не поддерживает редирект — используйте прямые ссылки на конкретные ресурсы.
• В ссылках нельзя применять хэш-навигацию внутри одной страницы (#section). Если нужна внутренняя навигация по странице, реализуйте её через JS SDK.
• Внешние ссылки, добавленные в базу знаний, также открываются внутри приложения — участнику не нужно выходить в браузер.
• Платформа не несёт ответственности за работоспособность сторонних ресурсов.
• ZIP-архив работает только в мобильном приложении; в веб-версии Event Rocks этот вариант недоступен.
• HTTP-ссылки автоматически открываются во внешнем браузере (на iOS HTTP внутри приложения запрещён). Используйте только HTTPS с валидным сертификатом.
• Контент должен быть single page application с близким к нативному дизайном.
• Запретите зум на странице — иначе верстка «поедет» на маленьких экранах.
• Обязательно проверяйте CSS/JS-совместимость с минимальными версиями ОС, которые поддерживает приложение: https://eventrocks.com/supported_os/.
• Перед публикацией протестируйте страницу именно в приложении, а не в обычном браузере — веб-вью ведёт себя иначе.

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

• Меню приложения: добавление и порядок пунктов
• База знаний мероприятия
• Регистрация и билеты
• JS SDK Event Rocks: возможности и подключение
• Минимально поддерживаемые версии ОС
• Что делать, если сторонний сервис выдаёт ошибку при открытии из приложения
• Различия в открытии ссылок на Android и iOS