Кнопка «Добавить в календарь»: событие для сайта в Ное

Кнопка «Добавить в календарь» даёт посетителю файл события: название, начало, конец и ссылку на встречу. Человек открывает файл в своём календаре и подтверждает сохранение. Для сайта с вебинаром такой вариант можно собрать в Ное без доступа к календарному аккаунту посетителя.

Главная настройка здесь — часовой пояс события. Время «19:00» без города или пояса неоднозначно: для встречи по Красноярску и зрителя в Москве часы будут разными. В файле удобно хранить единый момент по UTC, а рядом с кнопкой показывать время организатора и пояс.

Как работает кнопка добавления события в календарь?

Кнопка создаёт файл ICS в формате iCalendar с описанием одного события. В файле задаются начало и конец, название, описание и ссылка. Посетитель скачивает его и добавляет в совместимый календарь; сохранение подтверждается в календарном приложении.

Это полезно на странице встречи и на странице после регистрации. Для закрытого вебинара ссылку входа лучше выдавать после нужного подтверждения регистрации, а в общедоступный файл положить ссылку на страницу мероприятия. Тогда календарь напоминает о встрече, а правила доступа остаются в месте регистрации.

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

Пример с Красноярском и Москвой

Для демонстрации возьмём вымышленный открытый вебинар 20 ноября 2026 года с 19:00 до 20:00 по Красноярску. Его начало — 12:00 UTC; в Москве в этот момент 15:00. Длительность везде одна: час.

Файл события из примера можно скачать и открыть в тестовом календаре.

Календарь показывает событие в часовом поясе устройства, поэтому москвич увидит 15:00, и это правильный результат. Ошибкой было бы, если бы одна встреча превратилась в разные моменты времени.

Что передать своему агенту для создания кнопки

Сначала выберите назначение: одно фиксированное событие или форма, в которой организатор создаёт разные события. Для одной встречи достаточно готового файла и ссылки скачивания. Генератор пригодится, если вебинары меняются часто и данные должен вводить человек.

Откройте Ною для работы с сайтом, перейдите в Билдер и выберите свой проект. Если работаете со своим подключённым агентом, передайте ему задание ниже и адрес страницы, которую нужно дополнить. Агенту нужны подходящий тариф и права менять именно этот проект; ключ остаётся в настройках подключения.

Добавь на страницу мероприятия кнопку «Добавить в календарь» и небольшой предпросмотр события. Работай внутри существующего проекта, сохрани его оформление и остальные функции.

Для первого варианта событие фиксированное:
Название: Открытая встреча о сайте компании.
Дата: 20 ноября 2026 года.
Время: 19:00–20:00 по Красноярску, UTC+7.
Публичная ссылка: https://example.com/event
Описание: Встреча о содержании и запуске сайта.

Результат кнопки: скачиваемый файл event.ics с одним VEVENT. Запиши начало 20261120T120000Z и конец 20261120T130000Z. Укажи VERSION:2.0, PRODID, UID, DTSTAMP и SUMMARY. Используй UTF-8, правильное экранирование текста и окончания строк CRLF. Длинные строки переноси по правилам iCalendar, не повреждая символы UTF-8.

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

Кнопка доступна с клавиатуры, имеет видимый фокус и понятный текст. На телефоне текст и адрес переносятся, горизонтальной прокрутки страницы нет. При отключённом JavaScript оставь ссылку на подготовленный файл этого фиксированного события.

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

С этим заданием свой агент в Ное подготовит кнопку и файл события в вашем проекте. Для работы нужны подходящий тариф и права менять сайт. Билдер сохраняет файлы проекта и выполняет обычную сборку сайта. При работе со своим агентом задача выполняется им; платное поручение встроенной Ное — отдельный путь, который человек выбирает в кабинете. После записи файлов нужно дождаться завершения сборки и проверить опубликованную страницу.

Для нового проекта вместо правки существующей страницы сначала опишите саму встречу и содержание сайта: где находится регистрация, где появляется ссылка на эфир и что человек видит после отправки формы. Такое описание удобно оформить как техническое задание на сайт.

Что должно быть внутри файла?

Внутри ICS должны быть календарь VCALENDAR и событие VEVENT с идентификатором UID, временем создания DTSTAMP, началом DTSTART, концом DTEND и названием SUMMARY. Для указанного примера DTSTART равен 20261120T120000Z, а DTEND — 20261120T130000Z: буква Z означает время UTC.

Формат описывает стандарт iCalendar. Это техническая часть для исполнителя. Владельцу сайта полезнее сверить четыре видимые вещи: название, дату, длительность и ссылку, затем посмотреть те же сведения после импорта.

В тексте файла важны и символы. Запятая, точка с запятой, обратная косая черта и перенос строки имеют специальные правила записи. Название «Встреча, вопросы и ответы» должно остаться одной строкой названия, а не разбить структуру события. Поэтому в задании есть проверка специальных символов, даже если короткий первоначальный пример работает без неё.

Для фиксированного мероприятия UID сохраняется при повторном скачивании: это идентификатор события, а не имя посетителя. Поддержка обновлений и устранения дублей зависит от календарного приложения. Если встречу перенесли, сообщите участникам об изменении через согласованный канал и отдельно объясните, что сделать с прежней записью.

Как открыть событие в календаре

На компьютере обычно можно открыть ICS совместимым приложением или выбрать импорт файла в календаре. В Google Calendar импорт находится в настройках, в разделе импорта и экспорта. В Outlook различаются импорт снимка и подписка на обновления.

На телефоне поведение зависит от браузера и установленного календаря: файл может открыться сразу или попасть в загрузки. Поэтому рядом с кнопкой полезна короткая подпись: «Скачайте файл и откройте его в своём календаре». Если устройство не предложило импорт, человек должен видеть название мероприятия и время прямо на странице, чтобы сохранить их вручную.

При проверке используйте отдельный тестовый календарь. Откройте файл, сверьте дату и длительность, затем проверьте ссылку в описании. Повторный импорт может создать ещё одну запись — поведение конкретного приложения стоит учесть в подсказке пользователю.

Что добавить после первой версии

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

Организатор может захотеть хранить события в таблице проекта, чтобы редактировать их без изменения кода. Тогда форму редактирования нужно защитить входом, а скачивание оставить доступным посетителям в соответствии с правилами самого мероприятия. Разделяйте управление и публичный просмотр.

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

За обратный отсчёт на странице отвечает таймер до вебинара. Ссылку на ту же встречу можно переносить на печатные материалы через генератор QR-кодов. Во всех трёх местах должны совпасть адрес мероприятия и актуальное время.

С чего начать

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