Web push-уведомления в WordPress: настройка

Как web push-уведомления работают на сайте WordPress

Web push-уведомления — это короткие сообщения, которые отправляются в браузер посетителя и могут появляться на компьютере или мобильном устройстве после подписки. Сайт на WordPress не отправляет их сам по себе: обычно между ними стоят разрешение браузера, подключение к сервису и плагин. Если вы ищете как настроить web push-уведомления в WordPress, то уведомление видит посетитель, а не ваша админ-панель. На практике именно web push уведомления WordPress помогают наладить прямой канал с аудиторией без лишних промежуточных шагов.

Для магазина, блога или сайта с подпиской web push-уведомления помогают вернуть людей ради распродажи, нового поста или сообщения о пополнении товара. Это важно, потому что сообщение может дойти до человека, который покинул сайт несколько часов назад. Кроме того, такой канал часто воспринимается как более оперативный, чем email, поэтому некоторые команды совмещают его с лучшими практиками web push-уведомлений ради более аккуратной настройки и для тех, кто изучает, как настроить web push-уведомления в WordPress.

Есть и обратная сторона. Если отправлять слишком много уведомлений, люди быстро отпишутся. Одно неудачное push-уведомление может перечеркнуть доверие, выстраиваемое годами.

Перед началом

Прежде чем добавлять push-уведомления, WordPress должен работать в обычном режиме. Вам нужен доступ администратора, возможность устанавливать плагины и сайт на HTTPS с действующим SSL-сертификатом. Без HTTPS большинство браузеров просто блокируют процесс запроса разрешения, поэтому это обязательный первый шаг в том, как настроить web push-уведомления в WordPress.

Поддержка браузеров тоже имеет значение. Chrome, Edge, Firefox и Safari по-разному обрабатывают push, и сами запросы на разрешение выглядят не одинаково. Протестируйте хотя бы 2 браузера, прежде чем считать настройку завершённой.

Вам также нужен сервис push-уведомлений. Некоторые плагины включают собственную учётную запись сервиса, а другие подключаются к внешней платформе через API-ключ или ID сайта. Выберите вариант заранее, до любых действий, потому что набор плагинов меняется в зависимости от того, нужны ли вам базовые рассылки или более сложный таргетинг.

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

Шаг 1: выберите плагин для web push-уведомлений

В WordPress есть 3 основных типа плагинов для web push-уведомлений. Первый — простой плагин, который добавляет запрос на подписку и массовые сообщения. Второй подключается к стороннему push-сервису. Третий объединяет сегментацию, автоматизацию и аналитику в рамках одной учётной записи. Этот выбор — ключевой в том, как настроить web push-уведомления в WordPress, и здесь особенно важно выбрать подходящий плагин для push уведомлений WordPress под ваши задачи.

Внимательно проверьте 4 функции: сегментацию, расписание отправки, аналитику и управление разрешениями. Сегментация позволяет нацеливать сообщения по странице, устройству или источнику. Расписание помогает отправить уведомление в 10 утра, а не в 10 вечера. Аналитика показывает открытия, клики и отписки. Управление разрешениями определяет, как часто будет появляться запрос браузера, и здесь легко ошибиться.

Для большинства сайтов WordPress на первом этапе достаточно плагина с ручными рассылками и простыми фильтрами аудитории. Сложную автоматизацию можно отложить. Редактор новостной рассылки, который публикует два раза в неделю, обычно нуждается в меньшем, чем интернет-магазин с 200 товарами.

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

Шаг 2: установите и активируйте плагин

Откройте админку WordPress, перейдите в раздел «Плагины» и нажмите «Добавить новый». Найдите нужный плагин, затем установите и активируйте его. Обычно это занимает около 3 кликов, хотя некоторые поставщики сразу после активации запускают мастер настройки — именно этого большинство и ожидает, когда изучает, как настроить web push-уведомления в WordPress.

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

Вот маленькая, но полезная привычка: прочитайте первый экран перед сохранением. Многие плагины сразу просят ключ сервиса, домен сайта или стандартную иконку. Пропустите этот экран — и, возможно, сэкономите пару минут сейчас, но потом потратите 30 минут на поиск исчезнувшей кнопки подписки.

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

Шаг 3: подключите плагин к push-сервису

Для большинства настроек push нужен аккаунт на стороне сервиса. Создайте учётную запись, добавьте домен WordPress и скопируйте в настройки плагина ключ сайта, API-токен или другой аналогичный реквизит. Затем подтвердите подключение, чтобы сервис распознал ваш домен как доверенный — это важная часть того, как настроить web push-уведомления в WordPress.

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

Если сервис поддерживает несколько сайтов, сразу разделите тестовую и рабочую среду. Тестовый домен не должен делить список аудитории с живым сайтом. Один неверный клик может отправить черновик уведомления реальным посетителям — и это достаточно неприятно, чтобы его можно было избежать.

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

Шаг 4: настройте разрешения и внешний вид уведомлений

Именно здесь многие сайты WordPress начинают выглядеть неаккуратно. Запрос разрешения не должен появляться в момент загрузки страницы, если только у сайта нет очень сильного пользовательского намерения и постоянного трафика. Часто лучше подождать, пока посетитель пролистает 40% статьи, чем показывать холодное всплывающее окно, и это важно, когда вы разбираетесь, как настроить web push-уведомления в WordPress.

Текст кнопки пишите простым языком. «Разрешить обновления» для некоторых аудиторий понятнее, чем «Подписаться сейчас». «Получать уведомления о скидках» хорошо подходит для интернет-магазина, а новостному сайту — «Присылать срочные новости». Одна формулировка не подходит для всех трёх сценариев.

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

Оформление самого уведомления тоже важно. Используйте название сайта последовательно и держите заголовок под контролем, чтобы на маленьких экранах были читаемы первая или первые 2 строки. Если плагин это позволяет, задайте разные шаблоны для статей блога, новых товаров и уведомлений об аккаунте.

И ещё один быстрый совет: не навязывайте запрос на каждой странице. Если посетитель отклоняет его 2 раза, это уже сигнал. Прислушайтесь.

Шаг 5: протестируйте и отправьте первое push-уведомление

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

Предпросмотрите сообщение в панели плагина и проверьте 4 вещи: длину заголовка, иконку, URL и изображение, если сервис его поддерживает. Отсутствующий URL может увести клик не на ту страницу. Сломанное изображение способно превратить аккуратное уведомление в скучный прямоугольник.

Первое реальное уведомление должно быть небольшим. Сообщите об одной новой статье, обновлении товара или срочном предложении. Не отправляйте 5 уведомлений в первую неделю только потому, что система работает. Так начинаются отписки.

Если вы уже управляете транзакционными сообщениями, такое же внимание к срокам применимо и там. Полезное дополнительное чтение — события email webhook для транзакционных писем, потому что обработка событий и проверка доставки помогают понять, почему сообщение пришло или не пришло. Push — это не email, но привычка тестировать по одному сценарию за раз общая.

Устранение неполадок, лучшие практики и следующие шаги

Сбои при настройке обычно сводятся к 5 причинам: нет HTTPS, блокируются скрипты, указан неверный домен, неактивно разрешение или браузер не поддерживает функцию так, как вы ожидали. Начните с консоли браузера и журналов плагина. Эти 2 места часто показывают больше, чем маркетинговая панель.

Если запрос так и не появляется, очистите кэш и проверьте в приватном окне. Если подписчики видны в сервисе, но не в WordPress, ещё раз проверьте совпадение API-ключа и домена. Если уведомления доходят, но кликов мало, возможно, заголовок или время отправки смещены на час.

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

Для подписки дайте людям причину до появления запроса браузера. Контент-сайт может объяснить, что подписчики получают уведомления о новых статьях. Магазин может пообещать уведомления о снижении цен. Форум может предлагать обновления по темам. Одно расплывчатое обещание слабее, чем конкретное.

Следите за важными показателями: числом новых подписчиков, отправленными уведомлениями, переходами и отписками. Если отписки растут после третьей кампании, сократите частоту. Если сегмент вообще не кликает, перестаньте отправлять ему сообщения на 30 дней и ещё раз проверьте предложение.

Если нужно улучшить сам запрос, сравните время показа, текст и место размещения с лучшими практиками web push-уведомлений. Этот материал полезен уже после первой настройки, а не до неё. Небольшое изменение, например перенос запроса с загрузки страницы на момент после прокрутки, может изменить результат сильнее, чем новая иконка.

И последнее практическое ограничение: не воспринимайте push как замену всем остальным каналам. Хороший сайт на WordPress использует его только для срочных, своевременных или действительно интересных сообщений. Такая сдержанность поддерживает список в хорошем состоянии, а именно здоровый список способен прожить дольше 3-го месяца.