Push-уведомления для сайта: как настроить и не раздражать
Полный гайд по web push уведомлениям: настройка VAPID, сервис-воркер, стратегии сегментации, A/B тесты. Лучшие практики для российского рынка.
Что такое web push уведомления
Web push — это уведомления, которые приходят в браузер пользователя даже когда он не находится на вашем сайте. Они появляются как нативные системные уведомления на десктопе и мобильных устройствах. В отличие от email и SMS, push не требуют ни электронной почты, ни номера телефона — пользователь подписывается одним кликом.
Web push работает через стандартную технологию Web Push API (W3C): браузер (Chrome, Firefox, Edge, Safari) регистрирует подписку, ваш сервер отправляет сообщение через push-сервис (FCM для Chrome, APNS для Safari), и оно мгновенно появляется на экране пользователя.
Для маркетолога push — это канал с уникальным сочетанием характеристик: мгновенная доставка, высокий CTR, бесплатная отправка и минимальный порог входа для пользователя.
Преимущества push для маркетинга
Мгновенная доставка
Push появляется на экране в момент отправки — не через часы (как email), а через секунды. Идеально для time-sensitive акций: flash sale, ограниченные предложения, back in stock. Пользователь видит уведомление даже если не в браузере — оно «догоняет» при следующем включении.
Высокий CTR
CTR push-уведомлений: 4-8%, что в 2-3 раза выше, чем у email (2-3%). Причина — уведомление занимает «привилегированное» место на экране (системная нотификация), а не конкурирует с десятками писем в инбоксе. При правильной сегментации и персонализации CTR push может достигать 10-12%.
Бесплатная доставка
В отличие от SMS (2.5 ₽/сообщение) и WhatsApp (5-8 ₽/шаблон), push полностью бесплатен. Технология Web Push API использует бесплатные push-сервисы браузеров (FCM, APNS). Единственные затраты — платформа для управления подписками и отправкой (встроена в Trigly).
Не нужен email или телефон
Подписка на push — один клик на кнопку «Разрешить» в браузере. Не нужно вводить email, подтверждать, запоминать пароль. Это снижает барьер входа до минимума и позволяет собирать аудиторию, которая не готова делиться контактными данными. После подписки push-subscription привязывается к профилю клиента в Trigly CDP (поле push_subscription в формате JSONB: {endpoint, keys}).
Работает на мобильных
Web push поддерживается мобильными браузерами Chrome и Firefox на Android. На iOS поддержка появилась в Safari 16.4+ (2023) и постепенно улучшается. Для российского рынка, где Android доминирует (70%+), web push — эффективный канал мобильного reach без мобильного приложения.
Как работает web push технически
Для отправки push-уведомлений необходимы три компонента:
1. VAPID-ключи (Voluntary Application Server Identification)
VAPID — протокол аутентификации вашего сервера перед push-сервисом браузера. Пара ключей (public + private) генерируется один раз и используется для подписи всех push-сообщений. В Trigly VAPID-ключи генерируются автоматически при подключении push-канала — вам не нужно разбираться в криптографии.
2. Service Worker (сервис-воркер)
Service Worker — JavaScript-скрипт, который работает в фоне браузера и обрабатывает входящие push-сообщения. Он «просыпается» при получении push, показывает уведомление и обрабатывает клик (переход на URL).
Trigly предоставляет готовый Service Worker через эндпоинт GET /api/v1/sdk/push/sw.js — просто добавьте <script> на сайт. Service Worker автоматически:
- Обрабатывает событие
push— показывает уведомление с title, body, icon - Обрабатывает
notificationclick— открывает URL действия - Управляет подписками — отписка при 410/404 ответе от push-сервиса (expired subscription cleanup)
3. Push-подписка пользователя
Когда пользователь нажимает «Разрешить» в запросе на отправку уведомлений, браузер создаёт push-subscription — объект с endpoint URL и ключами шифрования. Trigly сохраняет этот объект в поле push_subscription CDP-профиля через SDK-эндпоинт POST /api/v1/sdk/push/subscribe.
Как настроить push в Trigly
Шаг 1: Включите push-канал
В настройках каналов активируйте Push. Trigly автоматически сгенерирует VAPID-ключи (пара public/private через WebPushAdapter). Никакой ручной настройки криптографии не требуется.
Шаг 2: Добавьте виджет подписки
Два варианта интеграции:
Вариант A — Subscription Widget: создайте виджет подписки через API Trigly. Типы: popup (всплывающее окно), inline (встроенный блок), floating (плавающая кнопка). Настройте дизайн (цвета, текст, позиция) и таргетинг (на каких страницах показывать, после какого времени на сайте).
Вариант B — SDK-сниппет: добавьте JavaScript-код на сайт. SDK автоматически подключит Service Worker, покажет запрос на подписку и отправит push-subscription в Trigly.
VAPID public key для SDK доступен через GET /api/v1/sdk/push/vapid-key?org_id=.
Шаг 3: Настройте таргетинг запроса
Не спрашивайте разрешение на push сразу при входе — это ошибка №1 (rejection rate > 70%). Используйте таргетинг:
- По времени на сайте: показывать запрос после 30+ секунд
- По количеству просмотров: после 2-3 просмотренных страниц
- По скроллу: после прокрутки 50%+ страницы
- По событию: после добавления товара в корзину или просмотра 3+ товаров
В виджетах Trigly таргетинг настраивается через targeting_rules: {delay_seconds, scroll_percent, pages}.
Шаг 4: Отправляйте push
Push отправляется из кампаний (массовые и триггерные), flow builder (шаг send_push) или через fallback-цепочки (если email и Telegram не доставили). Формат push-сообщения:
- Заголовок (title): до 50 символов — главный посыл
- Текст (body): до 100 символов — детали и CTA
- Иконка (icon): логотип или изображение товара
- URL действия: куда ведёт клик (deep link на конкретную страницу)
Шаг 5: Анализируйте результаты
Trigly отслеживает все push-события в ClickHouse (delivery_events): отправлено, доставлено, кликнуто. На дашборде аналитики доступны: delivery rate, CTR, conversion rate, сравнение push с другими каналами.
Стратегии push-маркетинга
Сегментация push-аудитории
Отправлять одно push-уведомление всем подписчикам — неэффективно. Сегментируйте:
- По поведению: просматривал категорию X → push с акцией в этой категории
- По RFM: VIP → эксклюзивный ранний доступ, At Risk → реактивационное предложение
- По географии: push с акцией в ближайшем оффлайн-магазине
- По времени подписки: новые подписчики (< 7 дней) → welcome push с гайдом по сайту
В Trigly push-подписчики — часть единой CDP-базы с 45+ полями. Все сегменты работают для push так же, как для email и других каналов.
A/B тесты заголовков
Заголовок push — единственное, что пользователь видит до клика. A/B тестирование заголовков критически важно:
- Вариант A: «Скидка 30% на кроссовки» (рациональный)
- Вариант B: «Ваши кроссовки подешевели» (персонализированный)
В Trigly байесовские A/B тесты используют Monte Carlo симуляцию (10 000 итераций) и автоматически определяют победителя, как только достигнута статистическая значимость — без фиксированного срока.
Push в fallback-цепочках
Push — идеальный «второй шаг» в fallback-цепочке: бесплатный, мгновенный, с высоким CTR. Типичная цепочка:
Email → (не открыл 24ч) → Push → (не кликнул 6ч) → Telegram → (не прочитал 12ч) → SMS
Push стоит до Telegram, потому что он бесплатный и мгновенный. Если push не сработал (пользователь не подписан или не кликнул) — переходим к Telegram.
Push + AI
Smart Send в Trigly может автоматически выбрать push как оптимальный канал для конкретного клиента, если его engagement score в push выше, чем в email. AI также оптимизирует время отправки push: утренние push (8:00-10:00) показывают CTR на 30% выше вечерних.
Лучшие практики push-маркетинга
Не спрашивайте разрешение сразу
Первый визит на сайт — слишком рано для запроса push-подписки. Пользователь ещё не знает, стоит ли доверять вашему сайту. Дождитесь вовлечения:
- 2-3 просмотренные страницы
- 30+ секунд на сайте
- Добавление товара в корзину
Opt-in rate при отложенном запросе: 10-15% vs 3-5% при немедленном.
Сегментируйте аудиторию
Не отправляйте одно push всем — это путь к массовой отписке. Персонализируйте контент по сегментам и поведению. Push «Ваш товар снова в наличии» для конкретного пользователя работает в 5 раз лучше, чем push «Скидки на всё» для всех.
Используйте A/B тесты
Тестируйте заголовки, тексты, время отправки. Даже небольшое изменение (emoji в заголовке, вопрос вместо утверждения) может дать +20-30% CTR. В Trigly A/B тесты запускаются в один клик.
Уважайте частотное ограничение
Не чаще 1-2 push в день. Больше — пользователь отпишется (и вернуть его нельзя — нужна повторная подписка). В Trigly frequency capping настраивается глобально и per channel: например, max 1 push в день, max 5 в неделю.
Добавляйте deep link
Каждый push должен вести на конкретную страницу (товар, акция, раздел), а не на главную. CTR push с deep link на 40% выше, чем push без конкретного URL.
Обрабатывайте expired подписки
Подписки на push «протухают»: пользователь переустановил браузер, очистил данные, сменил устройство. Trigly автоматически обрабатывает 410 (Gone) и 404 (Not Found) ответы от push-сервисов — expired подписки удаляются из базы, чтобы не портить статистику.
Push vs другие каналы
| Характеристика | Push | Telegram | SMS | |
|---|---|---|---|---|
| Open Rate | 40-60% | 18-25% | 70-90% | 98% |
| CTR | 4-8% | 2-5% | 5-10% | 3-5% |
| Стоимость | Бесплатно | Бесплатно/0.1-0.5₽ | Бесплатно | 2.5₽ |
| Скорость | Мгновенно | Часы | Минуты | Секунды |
| Контент | 50+100 сим. | Без ограничений | 4096 сим. | 70 сим. |
| Барьер входа | 1 клик | Email + confirm | TG аккаунт | Телефон |
Push выигрывает по соотношению «бесплатно + высокий CTR + низкий барьер». Но ограниченный контент (150 символов) делает его дополнительным, а не основным каналом. Оптимально использовать push в омниканальной стратегии — в связке с email, Telegram и SMS.
Метрики push-маркетинга
Отслеживайте эти показатели в аналитическом дашборде Trigly:
- Opt-in Rate: % посетителей, подписавшихся на push. Цель: > 5%
- Delivery Rate: % доставленных push. Норма: > 90%
- CTR: % кликнувших. Цель: > 4%
- Opt-out Rate: % отписавшихся за период. Норма: < 1%/мес
- Revenue per Push: доход от push-кампании / отправлено. Отслеживается через tracked links
Подробнее обо всех маркетинговых метриках — в нашем руководстве.
Часто задаваемые вопросы
Работает ли web push на iPhone (iOS)?
Да, с iOS 16.4+ (март 2023) Safari поддерживает Web Push. Однако требуется, чтобы сайт был добавлен на главный экран (PWA). На Android web push работает в Chrome и Firefox без ограничений. Trigly поддерживает отправку push на все платформы через стандартный Web Push API.
Сколько push можно отправлять в день?
Техническое ограничение — нет (push-сервисы не лимитируют). Практическое ограничение — 1-2 push в день. Больше — пользователь отпишется. Frequency capping в Trigly не позволит превысить установленный лимит, даже если несколько кампаний запланированы одновременно.
Можно ли вернуть пользователя, который нажал «Блокировать»?
Нет. Если пользователь нажал «Блокировать» в браузерном запросе, повторно показать запрос невозможно (ограничение браузера). Пользователь может разблокировать push вручную в настройках браузера, но это делают единицы. Поэтому критически важно не показывать запрос слишком рано — используйте отложенный запрос после engagement.
Подключите push за 10 минут
Web push — бесплатный канал с CTR в 2-3 раза выше email. Попробуйте Trigly — VAPID-ключи генерируются автоматически, Service Worker предоставляется из коробки, виджет подписки настраивается без программирования. От подключения до первого push — 10 минут.