Веб-пуш уведомления для сайта: браузерные и Chrome-уведомления

Веб-пуш уведомления — это всплывающие сообщения от сайта, которые приходят в браузер пользователя и отображаются поверх других окон, даже когда сайт закрыт. Подписка происходит в один клик без ввода email или телефона. Веб-пуши бесплатны для отправки, поддерживаются в Chrome, Firefox, Safari, Opera и Яндекс.Браузере, работают на десктопе и Android, а на iOS — только с версии 16.4 и при добавлении сайта на экран «Домой».

Что такое веб-пуш уведомления и как они работают

Веб-пуш уведомление (web push notification) — это короткое всплывающее сообщение от сайта, которое браузер показывает пользователю поверх других окон, даже если вкладка с сайтом закрыта. Подписка происходит в один клик по кнопке «Разрешить» в системном окне браузера — без ввода email, телефона или других контактных данных.

Технически веб-пуши работают на трёх компонентах:

• Service Worker — фоновый скрипт, который работает в браузере даже когда вкладка сайта закрыта. Именно он принимает push-сообщения от сервера и показывает уведомление пользователю
• Push API — протокол доставки сообщений от сервера сайта к браузеру пользователя через push-сервер браузера
• VAPID-ключи — пара публичный/приватный ключ для идентификации отправителя и шифрования сообщений

Процесс подписки и доставки выглядит так:

1. Пользователь заходит на сайт, браузер показывает системное окно «Сайт запрашивает разрешение на уведомления: Разрешить / Блокировать»
2. При нажатии «Разрешить» браузер создаёт объект PushSubscription с уникальным токеном устройства и адресом push-сервера браузера (FCM для Chrome, Mozilla Push для Firefox, APNs для Safari)
3. Объект PushSubscription передаётся на сервер сайта и сохраняется
4. При наступлении события (новая акция, брошенная корзина, статус заказа) сервер сайта отправляет сообщение через API push-серверу браузера, указывая токен подписчика
5. Push-сервер браузера доставляет сообщение на устройство, где Service Worker принимает его и показывает уведомление пользователю

Сайт не отправляет пуши напрямую на устройство — всю доставку выполняет push-сервер браузера. Именно поэтому пуши приходят, даже когда вкладка с сайтом закрыта: Service Worker работает в фоне и принимает сообщения от push-сервера.

Push и уведомления — это две разные технологии, которые работают вместе. Push отвечает за доставку сообщения на устройство, а Notifications API — за показ уведомления на экране. Теоретически можно отправлять push без уведомления («тихий push»), но браузеры пока этого не поддерживают.

Чем веб-пуши отличаются от мобильных пушей и email

Веб-пуши приходят в браузер, а не в приложение — для подписки не нужна установка приложения, достаточно одного клика в браузере. Мобильные пуши требуют установленного приложения и работают через APNs/FCM/HMS. Email требует адреса электронной почты и может попасть в спам.

• Подписка. Веб-пуши: один клик в браузере, без контактных данных. Мобильные: при установке приложения. Email: ввод email-адреса, подтверждение по ссылке
• Доставка. Веб-пуши: в браузер, даже если сайт закрыт. Мобильные: на устройство, даже если приложение закрыто. Email: в почтовый ящик, может попасть в спам
• Содержимое. Веб-пуши: логотип, картинка, заголовок, текст, две кнопки. Мобильные: иконка приложения, картинка, GIF или видео, заголовок, текст, три кнопки. Email: HTML-письмо с изображениями, ссылками, кнопками
• Открываемость. Веб-пуши: 5–15%. Мобильные: 5–15%. Email: 20–25%
• Отписка. Веб-пуши: пользователь отключает в настройках браузера. Мобильные: удаление приложения, отключение в настройках ОС. Email: кнопка «Отписаться» в письме
• Персонализация. Веб-пуши: ограничена — нет email/имени, только токен. Мобильные: средняя — данные из приложения. Email: высокая — имя, история покупок, персональные предложения
• Стоимость. Веб-пуши: бесплатно. Мобильные: бесплатно. Email: от 0,1 рубля за письмо

Ключевой компромисс: веб-пуши нельзя детально персонализировать, как email — база подписчиков анонимна, нет адреса и имени. Но подписка в один клик без контактных данных означает, что согласиться на веб-пуши проще, чем на email или SMS. Если пользователь долго не заходит на сайт, его push-токен устаревает, и пуш не будет доставлен, пока он не зайдёт снова.

Браузерная поддержка: в каких браузерах работают веб-пуши

Веб-пуши поддерживаются в Chrome, Firefox, Safari, Opera и Яндекс.Браузере на десктопных платформах (Windows, macOS, Linux). На Android — в Chrome, Firefox, Opera и Яндекс.Браузере. На iOS — только начиная с версии 16.4 и только для веб-приложений (PWA), добавленных на экран «Домой»; обычный просмотр сайтов в Safari не поддерживает веб-пуши.

Каждый браузер использует свой push-сервер для доставки уведомлений:

• Chrome, Opera, Яндекс.Браузер — Firebase Cloud Messaging (FCM) от Google
• Firefox — Mozilla Push Services
• Safari — Apple Push Notification Service (APNs)

Push-уведомления работают только если на сайте есть HTTPS с валидным SSL-сертификатом. Без HTTPS запустить веб-пуши не получится — это обязательное требование безопасности. Для локальной разработки на localhost можно использовать исключения, но для продакшена HTTPS обязателен.

В последних версиях Chrome и Firefox добавлена блокировка всплывающих окон push-подписки. Браузер может заблокировать запрос, если пользователь часто отклонял подписки на других сайтах. Также браузеры автоматически отзывают разрешения у неактивных сайтов — если пользователь давно не заходил на сайт, браузер может отключить уведомления.

Веб-пуши также поддерживаются в прогрессивных веб-приложениях (PWA) — веб-приложениях, которые работают в браузере, но сохраняют функции мобильного приложения: работают офлайн, отправляют пуши, устанавливаются на экран «Домой».

Веб-пуши в Chrome: особенности и настройки

Chrome — самый популярный браузер для веб-пушей: на него приходится более 65% десктопного трафика и более 60% мобильного трафика в мире. Chrome использует Firebase Cloud Messaging (FCM) как push-сервер для доставки уведомлений.

На десктопе пуши в Chrome отображаются в правом нижнем углу экрана (Windows) или правом верхнем (macOS). На Android — в центре уведомлений, на экране блокировки и в виде баннера в верхней части экрана. После просмотра пуш исчезает, но остаётся в центре уведомлений.

Chrome поддерживает rich-контент в веб-пушах: иконку (192×192 пикселя), большую картинку (360×240 пикселей), заголовок, текст и до двух кнопок действий. Кнопки могут вести на разные страницы сайта и содержать UTM-метки.

Начиная с версии Chrome 88, браузер активно борется со спамом в уведомлениях:

• Блокирует запросы на подписку, если сайт показывал их слишком часто
• Автоматически отзывает разрешения у сайтов, которые пользователь не посещал более 30 дней
• Показывает «тихие» запросы (quiet prompts) вместо полноэкранных, если пользователь редко соглашается на подписки
• Добавляет в настройки раздел «Не беспокоить» для уведомлений

Как включить веб-пуши в Chrome:

1. При первом посещении сайта с поддержкой веб-пушей Chrome покажет системный запрос — нажмите «Разрешить»
2. Если вы отклонили запрос, включить уведомления можно в настройках: Настройки → Конфиденциальность и безопасность → Настройки сайтов → Уведомления
3. Найти нужный сайт в списке и изменить разрешение на «Разрешить»

Push уведомления — это платно или нет

Отправка веб-пуш уведомлений бесплатна — бизнес не платит за каждое сообщение, как в SMS. Однако для отправки нужен сервис рассылки (SaaS-платформа), который предоставляет инструменты для сбора базы, сегментации, создания и отправки пушей.

Многие сервисы предлагают бесплатные тарифы:

• OneSignal — бесплатно без ограничений по количеству подписчиков и сообщений. Подходит для старта и небольших проектов
• Gravitec — бесплатный тариф с ограничением по количеству подписчиков. Поддерживает 5 браузеров на десктопе и 4 на Android
• SendPulse — бесплатный тариф для веб-пушей с ограничением по количеству подписчиков. Мультиканальность — email, SMS, пуши, Telegram

Платные тарифы добавляют:

• Сегментацию — разделение базы по действиям, интересам, гео, страницам
• A/B-тестирование — проверка разных вариантов текста, заголовка, времени отправки
• Аналитику — детальная статистика по доставке, кликам, конверсии
• Интеграции с CRM — синхронизация с Bitrix24, amoCRM, Salesforce
• Автоматические триггерные рассылки — брошенная корзина, просмотр товара, реактивация

Платные тарифы стоят от 1000 до 50 000+ рублей в месяц в зависимости от функционала и размера базы. Для старта достаточно бесплатного тарифа — когда база вырастёт и понадобится сегментация и аналитика, можно перейти на платный.

Практический сценарий: вы запускаете веб-пуши на новом сайте с трафиком 500 посетителей в день. На бесплатном тарифе OneSignal вы собираете базу, отправляете пуши и отслеживаете базовую статистику. Когда база достигает 10 000 подписчиков и вам нужна сегментация по страницам и триггерные рассылки, вы переходите на платный тариф — это стоит от 3000 рублей в месяц.

Как настроить пуш уведомления для сайта: пошаговая инструкция

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

1. Выбрать сервис для рассылки. OneSignal (бесплатно), Gravitec (веб-пуши), SendPulse (мультиканальность), eSputnik (CDP + автоматизация), Altcraft (omnichannel). Проверить наличие бесплатного тарифа и поддержку нужных браузеров
2. Подключить сервис к сайту. Зарегистрироваться в сервисе, добавить сайт, получить код скрипта и файл service worker. Установить код на все страницы сайта, файл service worker — в корень сайта
3. Настроить HTTPS. Веб-пуши требуют HTTPS с валидным SSL-сертификатом. Если сайт работает по HTTP — перевести на HTTPS. Бесплатный SSL-сертификат можно получить через Let's Encrypt
4. Получить VAPID-ключи. Сгенерировать пару публичный/приватный VAPID-ключ в личном кабинете сервиса. Публичный ключ используется при подписке, приватный — при отправке сообщений
5. Настроить окно подписки. Выбрать тип: нативное (системное окно браузера) или кастомизированное (дизайнерское окно с объяснением пользы). Рекомендуется использовать pre-prompt — сначала показать кастомное окно с объяснением, и только после клика вызвать системный запрос
6. Собрать базу подписчиков. Подписчиками становятся те, кто нажал «Разрешить» в окне подписки. База растёт органически — чем больше трафика, тем больше подписчиков
7. Сегментировать аудиторию. Разделить базу по действиям (посмотрел товар, положил в корзину, купил), интересам (категории товаров), страницам (главная, корзина, блог), платформе (десктоп, мобильные)
8. Создать текст пуша. Заголовок — до 65 символов, текст — до 240 символов, иконка (192×192 пикселя), картинка (360×240 пикселей), кнопка с призывом к действию. Одна цель — одно сообщение. Добавить UTM-метки для отслеживания
9. Запустить тестовую рассылку. Отправить на малую группу (5–10% базы) — проверить доставку, отображение, работу кнопок. Убедиться, что текст не выглядит как спам
10. Отследить статистику. В личном кабинете сервиса: доставка, открытия, клики, конверсия. Сравнить с ожиданиями, скорректировать текст, сегментацию, время отправки

Что проверить до старта:

• Сайт использует HTTPS с валидным SSL-сертификатом
• Service worker установлен в корень сайта и доступен по прямой ссылке
• VAPID-ключи получены и настроены в коде
• Окно подписки настроено с pre-prompt (объяснение пользы перед системным запросом)
• Текст пуша — одна цель, короткий, с deep link и UTM-метками
• Аналитика настроена: доставка, клики, конверсия

Что делать, если что-то пошло не так:

• Окно подписки не появляется — проверить установку кода сервиса на сайте, корректность service worker
• Низкая доставляемость — проверить актуальность токенов, HTTPS-соединение, VAPID-ключи
• Низкая конверсия — изменить текст, добавить персонализацию, усилить призыв к действию
• Высокий уровень отписок — снизить частоту, улучшить сегментацию, сделать предложения релевантнее
• Пуши не приходят на iOS — проверить, добавлен ли сайт на экран «Домой» как PWA

Как выбрать сервис для веб-пуш рассылок

Выбор сервиса зависит от семи критериев: бесплатный тариф, поддержка нужных браузеров, сегментация, A/B-тестирование, аналитика, интеграции с CRM и автоматические триггерные рассылки.

• OneSignal. Бесплатный тариф без ограничений по количеству подписчиков. Веб- и мобильные пуши, сегментация, A/B-тесты. Подходит для старта и небольших проектов
• Gravitec. Веб-пуши, поддержка 5 браузеров на десктопе (Chrome, Opera, Firefox, Safari, Яндекс) и 4 на Android. Бесплатный тариф с ограничениями. Подходит для сайтов без мобильного приложения
• SendPulse. Мультиканальность — email, SMS, пуши, Telegram, WhatsApp. Бесплатный тариф для веб-пушей. Подходит для бизнеса, использующего несколько каналов
• eSputnik. CDP-платформа с автоматизацией, триггерными рассылками, сегментацией по поведению. Подходит для среднего и крупного e-commerce
• Altcraft. Omnichannel-платформа — email, SMS, пуши, Viber, Telegram. Сегментация, аналитика, интеграции. Подходит для агентств и крупных брендов
• Sendsay. Email + web push в одной платформе. Контент-планирование, каскадные сценарии, отчётность. Подходит для контент-маркетинга

Практические сигналы: сервис без аналитики — нельзя оптимизировать рассылку. Сервис без сегментации — рассылка всей базе, конверсия падает. Бесплатный тариф без ограничений (OneSignal) — отлично для старта, но может не хватать функций для масштабирования. Сервис с поддержкой PWA — необходим, если планируется работа с iOS-аудиторией.

[ВИЗУАЛ: сравнительная иллюстрация] Что показать: сравнение сервисов для веб-пуш рассылок по ключевым параметрам. Зачем нужен: наглядно сопоставить варианты для выбора под задачи бизнеса. Что должно быть: таблица или карточки — цена, браузеры, сегментация, аналитика, интеграции, бесплатный тариф, триггеры. Где усиливает материал: помогает выбрать сервис без изучения каждого отдельно. Подпись: Сравнение сервисов для веб-пуш рассылок.

Сценарии использования веб-пушей для бизнеса

Веб-пуши работают для любых сайтов — e-commerce, медиа, SaaS, образовательные платформы, корпоративные порталы. Эффективность зависит от релевантности: чем точнее предложение соответствует интересам пользователя, тем выше конверсия.

• Быстрый набор базы. Подписка в один клик без ввода контактных данных — самый простой способ начать собирать базу для рассылок. Если у вас пока мало email-адресов, веб-пуши — быстрый способ это исправить
• Брошенная корзина. «Вы забыли товары в корзине! Завершите заказ, промокод SAVE10 активен». Триггерное сообщение отправляется через 1–3 часа после ухода с сайта. Конверсия — до 15%
• Акции и скидки. «Чёрная пятница! Скидки до 50% на всю коллекцию». Рекламные сообщения стимулируют покупки. Частота — не чаще 1–2 раз в неделю
• Новинки. «Новое поступление весенней коллекции. Посмотреть: [кнопка]». Информируют о новых товарах, возвращают клиента на сайт
• Реактивация. «Мы скучаем по вам! Бонус 15% на любую покупку в этом месяце». Возвращают пользователей, которые давно не заходили на сайт
• Статус заказа. «Заказ №12345 собран и ждёт вас в пункте выдачи». Транзакционные уведомления — мгновенная доставка, бесплатно
• Новая публикация. «Новая статья: „Как выбрать беговые кроссовки". Читать: [кнопка]». Приводят трафик в блог, прогревают до покупки

48% клиентов покупают после получения пуш-уведомления. Open Rate пушей выше на 50% чем у email, а CTR — в 7 раз. Веб-пуши не застревают в спам-фильтрах, как email, и не требуют номера телефона, как SMS. Однако для пользователей этот канал актуален только если приходят важные и нужные сообщения — когда в браузере то и дело всплывают окна с рекламой, это раздражает и приводит к блокировкам.

Как написать эффективный текст для веб-пуша

Текст веб-пуша — это CTR всей рассылки. Одна мысль — одно уведомление: уберите всё лишнее, оставьте пользу и действие. Заголовок — до 65 символов, выделяется жирным, вмещает самую краткую информацию. Текст — до 240 символов, дополняет заголовок и раскрывает тематику.

• Одна мысль — одно уведомление. Не предлагайте скидку, просите отзыв и приглашайте на вебинар в одном пуше. Выберите одно действие
• Персонализация. Подстановки (имя, товар, город, категория) повышают релевантность на 20–30%. Но помните: база веб-пушей анонимна — для персонализации нужны данные из CRM или динамические подстановки на основе поведения
• Чёткий deep link. Ведите на конкретную страницу (карточка товара, корзина, статья), а не на главную. Пользователь кликнул на пуш о скидке на кроссовки — ведите его на страницу кроссовок, а не на главную
• UTM-метки. Добавляйте UTM-метки к ссылке в пуше, чтобы различать кампании в Google Analytics и Яндекс.Метрике
• Не обещайте лишнего. Несоответствие текста пуша и посадочной страницы быстро приводит к блокировкам и отпискам
• Призыв к действию. Глагол в повелительном наклонении: «Посмотреть», «Купить», «Читать», «Забрать». Кнопка с призывом повышает CTR на 15–20%
• Иконка. 192×192 пикселя, рекомендуется менять для каждой рассылки. Иконка бренда повышает узнаваемость
• Большая картинка. 360×240 пикселей, доступна в отдельных браузерах. Привлекает внимание, повышает CTR

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

Типичные ошибки при настройке веб-пушей

Большинство неудач при веб-пуш рассылках связаны с нарушением базовых правил: технической настройки, частоты, сегментации и подхода к подписке.

• Нет HTTPS. Веб-пуши не запустятся без SSL-сертификата. Решение: перевести сайт на HTTPS, получить бесплатный сертификат через Let's Encrypt
• Service worker не установлен или установлен неправильно. Подписка не сработает без корректного service worker. Решение: проверить установку файла в корень сайта и доступность по прямой ссылке
• Окно подписки показывается сразу при заходе. Пользователь ещё не понял ценность, нажимает «Отклонить». Решение: использовать pre-prompt — сначала показать кастомное окно с объяснением пользы, и только после клика вызвать системный запрос
• Рассылка всей базе без сегментации. Пользователь, который интересовался кроссовками, получает скидку на платья — нерелевантно, отписка. Решение: сегментируйте по действиям, интересам, страницам
• Слишком частые пуши. Ежедневные сообщения раздражают — пользователь блокирует уведомления. Решение: не чаще 1–3 раз в неделю
• Одинаковый текст всем. Массовая рассылка одинаковых сообщений выглядит как спам. Решение: персонализируйте по поведению, сегментируйте
• Игнорирование iOS-ограничений. Веб-пуши на iPhone работают только для PWA. Решение: для iOS-аудитории добавить дублирующий канал — email или SMS
• Устаревший токен. Если пользователь долго не заходил на сайт, push-токен устаревает. Решение: регулярно очищать базу от неактивных подписчиков
• Нет pre-prompt. Браузер блокирует запрос, если пользователь часто отклоняет подписки. Решение: использовать pre-prompt для объяснения ценности перед системным запросом

Что делать, если веб-пуши не приходят: troubleshooting

Если веб-пуш уведомления не приходят, причина чаще всего в настройках браузера, технической ошибке на сайте или устаревшем токене. Вот список проверок от простых к сложным.

• Пользователь нажал «Отклонить». Браузер заблокировал запрос и больше не покажет его. Решение: пользователь должен изменить разрешение в настройках браузера — Настройки → Конфиденциальность и безопасность → Настройки сайтов → Уведомления → найти сайт и изменить на «Разрешить»
• Нет HTTPS на сайте. Веб-пуши требуют HTTPS с валидным SSL-сертификатом. Решение: перевести сайт на HTTPS, получить сертификат через Let's Encrypt
• Service worker не установлен или устарел. Подписка не сработает без корректного service worker. Решение: проверить установку файла в корень сайта, обновить при необходимости
• Устаревший push-токен. Если пользователь долго не заходил на сайт, токен может устареть. Решение: пользователь должен заново зайти на сайт — браузер создаст новый токен
• Браузер блокирует запросы. Chrome и Firefox блокируют запросы, если пользователь часто отклоняет подписки. Решение: использовать pre-prompt для объяснения ценности
• Уведомления отключены в настройках браузера. Проверить: Настройки → Сайты → Уведомления — убедиться, что сайт не в списке заблокированных
• Включён режим «Не беспокоить» в ОС. На macOS и Windows режим «Не беспокоить» блокирует все уведомления, включая веб-пуши. Решение: отключить режим или добавить браузер в исключения
• VAPID-ключи не настроены. Без корректных VAPID-ключей отправка невозможна. Решение: проверить наличие и актуальность ключей в коде сайта

Как измерять эффективность веб-пуш рассылок

Эффективность веб-пуш рассылок измеряется пятью ключевыми метриками — от доставки до конверсии. Без отслеживания метрик невозможно оптимизировать рассылку.

• Delivery Rate — процент доставленных уведомлений от отправленных. Норма: 80–95%. Низкий показатель — устаревшие токены, технические ошибки
• Open Rate — процент открытых уведомлений от доставленных. Норма: 5–15%. Низкий показатель — нерелевантный текст, неправильное время отправки
• CTR — процент кликов по уведомлению от открытых. Норма: 1–7%. Низкий показатель — слабый призыв к действию, неработающий deep link
• Conversion Rate — процент целевых действий от кликов. Норма: 1–5%. Низкий показатель — несоответствие текста пуша и посадочной страницы
• Unsubscribe Rate — процент отписок от доставленных. Норма: до 2%. Высокий показатель — слишком частые пуши, нерелевантный контент

UTM-метки — обязательны для отслеживания вклада push-рассылки в системах аналитики. Добавляйте к ссылке в пуше параметры source, medium, campaign, content, term — это позволит различать кампании в Google Analytics и Яндекс.Метрике.

A/B-тестирование: проверяйте разные заголовки, тексты, картинки, время отправки на малой группе (5–10% базы) перед рассылкой всей базе. Сравнивайте Open Rate и CTR — выбирайте вариант с лучшими показателями.

Сегментация: сравнивайте конверсию по сегментам — новые vs возвращающиеся, десктоп vs мобильные, Chrome vs Firefox. Это поможет понять, какие сегменты реагируют лучше, и адаптировать рассылку.

Чек-лист: как подготовить веб-пуш рассылку к запуску

Перед запуском прогоните по чек-листу — это предотвратит низкую доставляемость, отписки и слив бюджета.

• Выбран сервис, поддерживающий нужные браузеры
• Сайт переведён на HTTPS с валидным SSL-сертификатом
• Service worker установлен в корень сайта и доступен по прямой ссылке
• VAPID-ключи получены и настроены в коде
• Окно подписки настроено с pre-prompt (объяснение пользы перед запросом)
• База подписчиков собрана (пользователи нажали «Разрешить»)
• Аудитория сегментирована по действиям, интересам, страницам
• Текст пуша — одна цель, короткий, с deep link и UTM-метками
• Подготовлен A/B-тест для проверки разных вариантов текста
• Настроена аналитика: доставка, клики, конверсия
• Учтены ограничения iOS — добавлен дублирующий канал для iPhone-пользователей

Часто задаваемые вопросы

Что такое веб-пуш уведомления простыми словами?

Веб-пуш уведомления — это всплывающие сообщения от сайта, которые показываются в браузере пользователя поверх других окон, даже когда вкладка с сайтом закрыта. Для подписки достаточно нажать одну кнопку «Разрешить» — не нужно вводить email или телефон.

Веб-пуши — это платно или бесплатно?

Отправка веб-пуш уведомлений бесплатна — бизнес не платит за каждое сообщение. Однако для отправки нужен сервис рассылки: многие из них (OneSignal, Gravitec, SendPulse) предлагают бесплатные тарифы, которых достаточно для старта.

В каких браузерах работают веб-пуши?

Веб-пуши поддерживаются в Chrome, Firefox, Safari, Opera и Яндекс.Браузере на десктопе, а также в Chrome, Firefox, Opera и Яндекс.Браузере на Android. На iOS веб-пуши работают только с версии 16.4 и только для сайтов, добавленных на экран «Домой» как веб-приложения.

Как настроить пуш уведомления для сайта?

Нужно выбрать сервис рассылки (OneSignal, Gravitec, SendPulse), установить код сервиса и файл service worker на сайт, получить VAPID-ключи, настроить окно подписки и запустить сбор базы. Обязательное условие — сайт должен работать по HTTPS с валидным SSL-сертификатом.

Почему веб-пуши приходят, даже когда сайт закрыт?

При подписке браузер создаёт объект PushSubscription с уникальным токеном и передаёт его серверу сайта. Сайт отправляет сообщение через push-сервер браузера (FCM для Chrome), который доставляет пуш на устройство, даже если вкладка с сайтом закрыта — за это отвечает фоновый скрипт Service Worker.

Как включить веб-пуши в Chrome?

При первом посещении сайта с поддержкой веб-пушей Chrome покажет системный запрос — нажмите «Разрешить». Если вы отклонили запрос, включить уведомления можно в настройках: Настройки → Конфиденциальность и безопасность → Настройки сайтов → Уведомления → найти сайт и изменить разрешение.

Чем веб-пуши отличаются от email-рассылок?

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

Почему не приходят веб-пуш уведомления?

Самые частые причины: пользователь нажал «Отклонить» и браузер заблокировал запрос, на сайте нет HTTPS, service worker не установлен или устарел, push-токен устарел из-за долгого отсутствия пользователя на сайте. Решение: разблокировать уведомления в настройках браузера, проверить HTTPS и service worker, зайти на сайт заново для обновления токена.