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

Вы уже успели попасться на крючок браузерных уведомлений? Это свежая технология удержания аудитории, она быстрее традиционных способов доставки контента, вроде e-mail рассылок или подписок на соц.сети. Что нужно знать про push-уведомления владельцам сайтов? Я расскажу не только про подключение пуш-уведомлений, перед началом использования лучше заранее познакомиться со всеми нюансами этого заманчивого инструмента.

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

Оглавление статьи:

1. Как это работает? примеры
2. Сравнение с другими способами доставки контента
3. Как получать больше переходов на сайт?
4. Обзор 9 сервисов для рассылки push-сообщений.

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

Принцип работы тот же, что у мобильных push-уведомлений (оповещения, которые получают пользователи мобильных устройств, и которые затем попадают в область уведомлений), но только эти рассылаются сайтом, а не приложением, и показывается на всех устройствах. На сегодня поддерживается браузерами Chrome, Safari и Firefox, а также мобильными (андроид и iOS).

1. При установке мобильного приложения, вы автоматически разрешаете ему отправлять push-уведомления на ваше устройство. Но в случае с веб-сайтами необходимо получить четкое согласие пользователя на отправку уведомлений. Как это устроено:

2. Как только посетитель становится подписчиком, вы можете отправлять ему push-уведомления от имени вашего сайта. Эти уведомления появляются в реальном времени. Нажатие по уведомлению переносит подписчика по указанному URL:

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

Сравнение с традиционными каналами

• E-mail рассылки

Почта до сих пор применяется, так как позволяет без труда донести важную информацию до подписчиков. Конечно же, если сообщение попадет во Входящие и будет прочитано, а не в Спам и удалено. Тем не менее этот канал менее эффективен, если время жизни информации ограничено, среднее время через которое письмо будет прочитано составляет 6 часов.

• Социальные сети

Соцсети (Вконтакте, Facebook, Twitter, Instagram) позволяют охватить большую аудиторию, нежели электронная почта. Люди проводят в соцсетях гораздо больше времени, чем где-либо в интернете. Однако вовлеченность остается сравнительно незначительной, например фейсбук не покажет пост всем вашим подписчикам, также инстаграмм и вконтакте постепенно переходят на ленту, где буду только "интересные новости", а не все на которые подписан пользователь.

• SMS

Короткие текстовые сообщения отлично подходят для рассылки важной информации с ограниченным сроком действия: 90% sms-сообщений читаются в течение 3 первых минут. Тем не менее SMS-канал зачастую остается невостребованным, так как не требует какого-либо разрешения от пользователей, а стоимость массовой рассылки достаточно высока.

Как получать больше переходов по уведомлениям?

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

Важнейшую роль играет текст уведомления

Одним из важнейших аспектов, влияющих на эффективность ваших push-уведомлений, является текст. Стоит отметить, что уведомления ограничиваются 40-120 символами. Ввиду данного ограничения вам стоит, как никогда раньше, начать ценить навыки копирайтеров, способных уместить привлекательное предложение в столь небольшой фрагмент текста. Ввиду данного ограничения вам стоит, как никогда раньше, начать ценить навыки копирайтеров, способных уместить привлекательное предложение в столь небольшой фрагмент текста. Вот несколько советов о том, как создавать эффективные push-уведомления:

• Четкий призыв к действию

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

• Время оповещения

Push-уведомления для веб-сайтов по своей природе требуют мгновенного отклика от получателя. И это напрямую указывает на необходимость следить за временем. Классическая ошибка – не учитывать часовые пояса своих подписчиков. Важно, чтобы посетители сайта получали уведомления исключительно в удобное для них время, независимо от того, в какой части мира они находятся. Конечно же, это гораздо сложнее, чем делать рассылку одной пачкой, но это определенно стоит вложенных усилий.

• Частота рассылок

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

• Сегментация

Я думаю, все мы знакомы с персонализацией. Все мы знаем, что она действительно работает. Естественно, те же правила работают и в случае с push-уведомлениями. Вам необходимо сегментировать подписчиков по интересам. Например, можно задать несколько вопросов прямо в момент получения разрешения на рассылку. Предоставьте им небольшой список, в котором можно отметить интересные темы и рассылки. Еще один эффективный способ – это сегментация по поведению. Распределите своих подписчиков по их активности на вашем сайте, изучите, какие страницы они просматривали и насколько часто, и т.д.

• Важно отслеживать не только количество переходов

Конечно же, когда речь заходит об оценке эффективности, большинство из нас сразу же задумывается о показателе кликабельности push-уведомлений. Тем не менее, упускайте из внимания конверсию, сюда можно отнести покупки, скачивание пробной версии ПО, заполнение анкет, клики по рекламе, а также многое другое. Пометьте ссылки в уведомлениях UTM-параметрами, и затем отслеживайте действия ваших пользователей, перешедших по этим ссылкам. Это единственный способ узнать, приносят ли push-уведомления пользу.

И наконец.. как отправлять уведомления?

Перейдем у делу, как по-быстрее внедрить этот инструмент на свой сайт? По большому счету существует два способа реализации: Способ №1 - Независимая установка на свой сайт Этот вариант позволит не зависеть от сервисов и полностью бесплатен, однако требует больше сил. Во-первых, ваш сайт должен поддерживать безопасное соединение по https протоколу, то есть иметь SSL-сертификат. Если у вас его нет, то необходимо приобрести, самый дешевый сертификат стоит около 500 рублей в год. О том как подключить сертификат к WordPress я уже писал в этой статье. После покупки и установки сертификата переходим к следующему пункту - создание API, для этого нужен обычный  гугл-аккаунт. Перейдите в консоль console.developers.google.com и создайте новый проект на основе Google Cloud Messaging. Подробно описывать процесс не буду, честно говоря мне в это сложно было вникнуть. Если вам тоже лень разбираться, то подойдет второй путь, тем более он более функциональный. Способ №2 - Использование сторонних сервисов Существуют специализированные сервисы, которые позволяют подключить пуш-уведомления на ваш сайт без долгой возни и покупки SSL-сертификата. Также у вас будет возможность настроить привлекательные виджеты подписки. Единственный минус подписка будет происходить не напрямую в 2 уровня, сначала на сервис, потом на вас и второе - при большом количестве подписчиков сервисы будут платными. И все-же использование сервисов сильно упрощает задачу и открывает новые возможности.

Обзор сервисов рассылки пуш-уведомлений:

1. ViaPush 

Чтобы получить больше переходов по уведомлениям, лучше всего обратиться в специализированный сервис. Например,  в сервисе ViaPush есть много удобных инструментов: здесь и конструктор уведомлений и их кастомизация, настройка таргетингов и сегментация аудитории, инструменты аналитики и отслеживания конверсии. https://www.youtube.com/watch?time_continue=20&v=8pTvPBUhnMA Но это ещё не все хорошие новости! Начиная с марта 2018 года данный сервис стал 100% бесплатным, предоставляя свой богатый функционал всем желающим! Быстрая установка, интуитивно понятный интерфейс и широкий функционал - основные отличительные черты данного сервиса в Рунете. Возможность учитывать часовой пояс и не беспокоить подписчиков в ночное время и многое другое. Также, для тех, кто решил заниматься push-маркетингом всерьез, VIAPUSH даже предлагает персонального менеджера, который разработает полноценную стратегию рассылок.

2. Push.world

Особенности сервиса:

• Готовые шаблны push-уведомлений.
• Несколько собственных уникальных форматов – позволяют включать в содержимое push-сообщений кнопки и emoji.
• Работает в Opera, Chrome, Яндекс.Браузере, Amigo, Firefox.
• Неограниченное количество рассылок и подписчиков.
• Наличие бесплатного тарифного плана.
• Стоимость платной подписки – от 29$ ежемесячно.

Чтобы начать push-рассылку, после регистрации в Push.world нужно выполнить несколько шагов:

• Добавить площадку.
• Указать вид запроса.
• Разместить код на сайте.

3. SendPulse (рекомендую!)

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

• Push-уведомления.
• Email-рассылки.
• SMS-рассылки.
• Viber.
• Автоответчики на основе чат-ботов в Facebook и «Вконтакте».
• Транзакционные email-рассылки.

Отличительные особенности PUSH-сервиса SendPulse:

• Поддерживается всеми популярными браузерами и ОС – в том числе и мобильными.

• Настройка внешнего вида PUSH-уведомлений в зависимости от пользовательского действия – открытие сайта, переход по определенной ссылке и т.д.

• Средства автоматизации PUSH-рассылок – позволяет настроить автоматическую отправку сообщений новым подписчикам и читателям RSS-ленты.
• Сегментация аудитории рассылки по гео, языку и браузеру.
• Проведение A/B-тестирования PUSH-кампаний.

• Монетизация сайта с помощью PUSH-рекламы – услуга предоставляется совместно с рекламной платформой PushPush.io.

Дополнительный функционал, доступный в SendPulse:

• Конструктор форм подписки.
• Триггерные рассылки – инструмент позволяет связать воедино все типы рассылок, поддерживаемых SendPulse. А также автоматизировать их с помощью триггеров.

Построение модели автоматизации рассылок осуществляется в визуальном конструкторе.

• Расширенная статистика по кампаниям.

• Интеграция со сторонними аналитическими сервисами – GA и Яндекс.Метрикой.

Стоимость использования сервиса PUSH-рассылок от SendPulse:

• До 10 тыс. подписчиков – бесплатно.
• До 30 тыс. подписчиков – 1040 руб.
• До 100 тыс. – 2700 руб.

При этом большая часть обширного функционала SendPulse (в том числе и триггерные рассылки) доступны в рамках бесплатного тарифного плана. Поэтому платформа пользуется популярностью как у профессиональных вебмастеров и маркетологов, так и у новичков.

4. PUSHEXPERT

Данная платформа обладает рядом преимуществ:

• Бесплатный доступ к API.
• Бесплатный сбор аналитики.
• Расширенная тарификация (шесть вариантов использования).
• Наличие бесплатного тарифного плана с ограничением в 500 уведомлений.

• Поддерживается: IE, Chrome, Яндекс.Браузер, Safari, Firefox.

Чтобы начать рассылку, создайте новый проект. Введите адрес и название сайта. Затем в меню слева нажмите «Создать рассылку». В следующем разделе заполните все поля, после чего жмите на «Отправить уведомление». Код для интеграции вставки на сайт доступен в разделе «Установка».

5. pushcrew

Англоязычный сервис для организации push-рассылок. Из минусов платформы можно отметить отсутствие русской версии интерфейса. Техническая поддержка клиентов также осуществляется на «не нашем». Плюсы:

• Расширенные настройки шаблона сообщений.
• Автоматическая настройка рассылки из RSS.
• Большая коллекция элементов управления, которые можно использовать в уведомлениях (кнопки, ссылки и даже виджеты).
• Плагины под популярные CMS (Joomla и WordPress).
• Расширенный функционал (геотаргетинг, тестирование и другие).

• Работает в Chrome и Firefox.
• Доступна бесплатная подписка с ограничением в 500 подписчиков.
• Платные тарифы – от 25 $ в месяц и выше (в зависимости от плана и количества подписчиков).
• Тестовый период – в течение двух недель.

При регистрации сразу указывайте URL площадки и предполагаемое количество подписчиков. Код для вставки на сайте доступен в разделе «Setting». Для создания и настройки уведомления нажмите зеленую кнопку «Send Push Notification».

6. Push4site

Данный сервис рассылки push-сообщений доступен на русском языке. В пользовательском интерфейсе реализован функционал для сегментации аудитории, геотаргетинга и персонализации рассылки. Основные характеристики Push4site:

• Доступен API.
• Работает во всех основных браузерах.
• В бесплатном варианте нет ограничений по числу рассылок и подписчиков.
• Стоимость платного тарифного плана – 990 руб. ежемесячно.

Для организации push-рассылки нужно добавить площадку. Нажмите кнопку «Создать сайт», введите адрес и название своего ресурса. После этого укажите тип сообщения (запроса) и вставьте сгенерированный код в разметку сайта.

7. OneSignal

Платформа является бесплатной, а ее монетизация осуществляется за счет предоставления доступа к премиум-функциям. OneSignal –полностью кроссплатформенное решение. Сервис поддерживает все «общепризнанные» браузеры и даже китайский UC Browser. Возможности платформы:

• Открытый API.
• Интеграция с множеством сред разработки.

• Сегментация аудитория.
• Возможность проведения тестирования.
• Персонализация рассылки.
• Настройка автоматической рассылки.

Использование данного сервиса имеет ряд особенностей. Для создания push-рассылки сначала нужно указать платформу и ввести «атрибуты» площадки. После этого вы получите идентификатор для установки SDK. Затем следует перейти на сайт и вставить идентификатор в его разметку. Этот процесс довольно сносно описан в документации сервиса. И только после этого вы сможете приступить к созданию push-сообщения. Как видите, процесс организации рассылки сложен для понимания, в том числе и из-за полной англоязычности платформы.

8. PushAll

Неоднозначный сервис, который имеет ряд особенностей:

• Русский интерфейс.
• Полностью бесплатный.
• Монетизация платформы происходит за счет пожертвований пользователей и платного функционала (отключение рекламы, «именной» адрес, более высокий приоритет отправки и другое).

• Поддерживается Safari,браузером от Яндекса, Chrome и Firefox.

Для проведения push-рассылки с помощью PushAll нужно использовать официальный API от «Вконтакте» или интегрировать с RSS. При этом пользователи смогут оформить подписку на ваш канал только через профиль в Google. Кроме этого PushAll выпустил мобильное приложение и расширение для Chrome. С их помощью пользователи могут подписаться на выбранные каналы и получать рассылки. Для создания собственного push-канала зайдите в административную панель и выберите в боковом меню пункт «Администрирование». В левом верхнем углу нажмите на красный плюс: Затем заполните поля специальной формы и внизу нажмите на кнопку «Создать канал». После этого система сервиса сгенерирует ключ доступа к API. В разделе канала «Распространение +виджет» появится ссылка для быстрой подписки и виджет, которые можно разместить на своем ресурсе. Использование PushAll имеет ряд ограничений. Главными из них является отсутствие прямой интеграции push-рассылки на сайт и возможность авторизации пользователей только через аккаунт Google.

9. Pushover

Англоязычный сервис для отправки и получения push-рассылок. Пользовательский интерфейс и вся документация на английском. Организация рассылки возможна только через API. Клиентские приложения Pushover реализованы для нескольких платформ:

• Десктопных.
• iOS.
• Andrpoid.

В своих приложениях сервис предоставляет бесплатный тестовый период (7 дней). Затем пользователь должен приобрести лицензию на ПО для каждой платформы. Ее стоимость – 5 $. Разработчики и создатели рассылок получают доступ к функционалу Pushover бесплатно и могут отправить не более 7500 сообщений в месяц. После исчерпания этого лимита нужно покупать дополнительные пакеты рассылок. Для получения доступа к API нужен токен, который предоставляется после заполнения анкеты в разделе «Your Applications». Чтобы воспользоваться инструментарием для распространения push-рассылок, придется заполнить еще одну анкету…. В общем, сервис с «подвыподвертом»☺.

10. Amazon Simple Notification Service (SNS)

Глобальный сервис рассылки. Его особенности:

• Рассылка до 1 млн. push-сообщений бесплатно.
• Сверх лимита оплачивается 1$ за 1млн. сообщений.
• Поддерживаемые платформы: все устройства Google и Apple, Windows, Fire OS.
• Возможность пересылки сообщений китайским пользователям через Baidu Cloud Push.

Для создания рассылки нужно создать тему и затем опубликовать свой топик. Рассылка производится пользователям, подписавшимся на тему.