+7 (499) 404-01-35

Заказать звонок

×
+74994040135

Заказать звонок

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

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

4 декабря 2020
04.12.2020
Автор: Владимир Сургай
Мы в соц.сетях:

Из этого материала вы узнаете:

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

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

Плохой и хороший примеры push-уведомлений

Многие путают push-уведомления с всплывающими окнами другого типа (pop-up). Но у них есть различия. Технология поп-ап представляет собой неожиданное появление большого баннера почти на весь экран, из-за которого совершенно не видно информацию на сайте. Появление пуш не так агрессивно: оно выглядит как небольшой текстовый фрейм со ссылкой и иногда картинкой и появляется в самом уголке. А еще pop-up всплывает перед каждым, кто зашел на сайт, тогда как push-сообщение видят только подписчики.

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

Удачный повод для пуш-рассылки:

  • Сообщить абоненту о смене статуса при его обращении в технические службы.
  • Уведомить клиента о смене статуса по его заказу.
  • Информировать получателя о том, что на складе появился необходимый ему товар.
  • Сообщить человеку, что под его комментарием к статье появился новый ответ.
  • Уведомить об открытии новой задачи в багтрекере (если задача имеет статусы «сritical», «bug»).

Неудачный повод для пуш-рассылки:

  • Ответ появился на комментарий к статье, написанный пользователем пару лет назад.
  • На склад пришли новые товары.
  • На товар появились новые акции и скидки.
  • На сайте вышла новая статья.
Неудачный повод для пуш-рассылки

Неудачный повод для пуш-рассылки

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

Вот как действует пуш-рассылка:

  • Владелец размещает на сайте специальный код (сервисный скрипт).
  • Каждому посетителю этого сайта предлагается подписка на push-оповещения.
  • Согласившись на подписку, вы регулярно будете получать уведомления с этого интернет-ресурса.
  • Рассылка эта не вечная: вы можете не принять ее с самого начала или же отключить уведомления позже, через настройки в браузере.

Текст для пуш-уведомлений собственник сайта создает посредством личного кабинета. Обычно такое сообщение включает в себя:

  • название;
  • небольшой текст;
  • мини-логотип («фавикон»);
  • кликабельную ссылку.

Полезные материалы для
увеличения продаж с
вашего сайта!

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

Поэтому мы подготовили конкретные инструкции, внедрив которые, вы увеличите количество заявок с сайта более чем 2 раза без увеличения бюджетов на рекламу!
surgay

Владимир Сургай

Основатель агентства
интернет-маркетинга TFA,
автор курса “Взлом конверсии”

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

Преимущества использования push-уведомлений

Прежде чем рассказать, как подключить push-уведомления, поясним, кто в них нуждается:

  1. Блогеры – чтобы оповещать о своих очередных опусах.

  2. Сервисы SaaS – чтобы информировать о прекращении тестовых доступов, обновлениях, новых функциях.

  3. Магазины интернет-товаров – чтобы рассказывать о начале распродаж и акций, привлекать покупателей на сайт и за покупками.

Пуш-уведомления – это отличный способ:

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

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

Рассылки по email, конечно, тоже справляются со своей задачей, но пуш-оповещения превосходят их по двум параметрам:

  1. Их проще подключить.

  2. Чтобы их прочитать, не приходится открывать почту: текстовые окна всплывают на экране телефона или в браузере.

А вот основные преимущества push-уведомлений по сравнению с SMS:

  • Они имеют больше вариантов настроек и персонализированных функций под решение определенных задач.
  • Их стоимость ниже, на нее не влияют тарифы мобильных операторов.
  • Нейтральные push-уведомления люди реже воспринимают как спам, в отличие от СМС, отношение к которым более личное.
  • Пуш-оповещения выглядят более современно и интерактивно, так как в них есть мультимедиа-контент (картинки, ссылки, гифки и т. д.).

Пошаговая инструкция подключения и настройки push-уведомлений

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

При этом два последних можно объединить, так как для их отправки будет использоваться один и тот же механизм.

При рассылке push-уведомлений применяются два сервиса:

  1. Apple Push Notification Service (APNS).

  2. Мобильный сервис Google Cloud Messages (GCM).

Опишем основные методы, применимые для платформ Ruby, Java, PHP, NodeJS, Python и других. Важно понимать, что это лишь обобщенные принципы, позволяющие понять, как подключить push-уведомления, но никак не модель, которую можно реализовать с применением одного из веб-языков.

Этап первый. Готовим авторизацию.

Для каждой платформы есть свой порядок авторизации и формат передачи данных.

Сервис

Что используют для авторизации

Как передают данные

iOS

Специальный сертификат (ssl)

Через соединение для протоколов (socket)

Android

Через код для доступа (авторизационный токен), через заголовок запроса

Через http-запрос

Системы андроид и iOS осуществляют передачу данных посредством параметров JSON. Разработчики этих операционных программ в основном и предоставляют токены и ssl-сертификаты.

Публикуя проект, вы должны поменять токен и сертификат, применив production-версию.

Apple-сертификат чаще всего передают как файл P-12. Только сначала нужно выполнить его преобразование в формат PEM, задав для доступа одну из кодовых фраз. Поможет это сделать специально разработанное для Unix-систем приложение openssl.

Чтобы это сделать, введите такую команду:

openssl pkcs12 -out < имя файла PEM- > -in < имя файла P-12- >

Электронный ключ доступа для GCM оставляем в прежнем формате, без преобразования.

Электронный ключ доступа для GCM

Электронный ключ доступа для GCM

Этап второй. Отлаживаем отправку.

Чтобы понять, как подключить push-уведомления, запомните, как реализуется эта задача:

  • Получив авторизационный токен с устройства, приложение перенаправляет код на адрес сервера.
  • Затем этот токен сохраняется в базе данных серверного приложения.
  • Отправляя пуш-оповещение, сервер получает код (токен) в базе данных и переадресует его на платформы GCM или APNS.

Для рассылки пуш-уведомлений на iOS-систему нужно помнить важный нюанс. Обычно с устройств, использующих iOS, токены отправляются как файлы base64. Но это ошибка, ведь apns-серверы с подобными форматами не работают. Здесь лучше использовать расширение hex.

А вот коды для «андроидов» в преобразовании не нуждаются.

Отправляя пуш-оповещение, вы обязательно должны будете написать небольшой текст. Также есть возможность добавлять к нему дополнительные настройки, – как вариант, это может быть идентификатор или тип entity (сущности), отображаемой после открытия push-уведомления.

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

Если вы работаете на базе Laravel или Yii2, в них уже встроен готовый модуль, позволяющий рассылать push-оповещения.

Важно помнить: приложения iOS и Android должны работать в том же режиме, что и настройки для отправления push-уведомления. Допустим, для приложения установлен режим production. Тогда и авторизованный токен, и сертификат должны быть настроены именно под этот режим.

- Как подключить рассылку push-уведомления с системы Windows на стационарные ПК?

- По той же схеме, что и для отправки на «Андроид».

- В чем различия между токенами Android и iOS?

- iOS-токен с расширением hex имеет длину 64. Коды для «Андроида» более длинные.

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

Подключение push -уведомлений на сайтах WordPress

Самая популярная сейчас платформа – WordPress. Используем ее как пример, чтобы подробнее объяснить процесс подключения push-уведомлений. Сначала ваш аккаунт должен пройти регистрацию на сервисе, затем надо привязать к нему плагин, с помощью которого вы и сделаете настройки для пуш-рассылок.

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

Подключение push -уведомлений на сайтах WordPress

Подключение push -уведомлений на сайтах WordPress

Но перед тем как перейти к непосредственной настройке, вы должны убедиться в том, что ваш сайт использует защищенное соединение и имеет валидный SSL-сертификат. Важно установить настройки редиректа с http на https. Для всплывающих окон push необходимы только зашифрованные каналы, без которых эта функция не работает.

Проверили? Двигаемся дальше. Вспоминаем, как подключить push-уведомления через WordPress: используем специфические сервисы – или работающие в связке с плагинами, или предоставляющие скрипты.

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

Правильная рассылка push -уведомлений

Пуш-подписки помогают вам сформировать клиентскую базу. На экране пользователя всплывает окошко с заголовком, текстом, мини-логотипом и двумя кнопками – подписаться либо отказаться. Оно появляется в углу экрана сверху либо снизу или выскакивает поверх содержимого сайта (как pop-up, но не столь назойливо). Заходя на сайты, вы наверняка сталкивались с push-уведомлениями, предлагающими позволить рассылать вам оповещения об акциях либо новостях. Нажатием одной из кнопок можно либо разрешить, либо отвергнуть это предложение.

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

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

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

Решите, когда посетитель может получать приглашение о подписке:

  • 1 раз в месяц, день, неделю.
  • Всегда, заходя на сайт.
  • Переходя на другую страничку.
  • Попав на ваш сайт впервые.
  • Проведя на сайте первые 2-3 минуты.
  • Зайдя на одну конкретную страницу.
  • Побывав на нескольких страничках сайта.
  • Собираясь покидать сайт и приближая курсор к кнопке закрытия странички.

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

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

Итак, в чем суть push-уведомлений? Что это – новомодный тренд или неотъемлемый бизнес-атрибут?

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

Помните: подключать пуш-рассылки можно только при полной «боеготовности» к этому процессу.

Проверьте все входные данные: у вас создан сайт с контекстной рекламой, привлекающей целевую аудиторию, настроен консультант онлайн (talk-me или что-то другое), функционирует протокол https, позволяющий избежать потерь при оформлении подписки.

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

Автор: Владимир Сургай
Теги к статье:

Популярные статьи