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

В конце первой части я написал о том, как вызвать JS-метод SendPushMe() . Если вы этого еще не сделали, то самое время это исправить. Метод мы будем вызывать кликом по ссылке:

Вызвать SendPushMe

И, если все сделано правильно, за кликом по такой ссылке высветится системное окошко с запросом:

Но не спешите пока давать разрешение. Нажмите на крестик и пока закройте окошко.

Если вы уже нажали, то откройте настройки сайта (нажав на зеленый замочек в адресной строке, если кто не знает) и в пункте “Оповещения” верните Глобальный параметр по умолчанию (“Спрашивать”).

Теперь откройте консоль разработчика F12 -> Console . Далее нажмите снова ссылку “Вызвать SendPushMe”.

В консоли должны последовательно появиться две строки, содержащие “Service Worker is supported ” и “Service Worker is ready ” соответственно. А сам браузер должен вновь запросить разрешение. И вот теперь можно дать своё согласие.

В итоге в вашей консоли разработчика должны появиться три таких записи:

Лог подписки на Push в браузере Chrome

Если помните, скрипт push.js отправляет GET-запрос. Именно Endpoint и передаётся серверу с этим запросом. Чуть позже мы научим сайт запоминать их, чтобы мы могли отправлять по этим идентификаторам пуши.

Что мы теперь имеем? У нас есть полноценный подписчик на уведомления от сайта и мы теперь умеем вычленять идентификаторы подписавшихся. Теперь сам Бог велел попробовать послать себе самому уведомление.

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

Google уведомляется специальным POST запросом на https://gcm-http.googleapis.com/gcm/send вот в такой форме:

{
"to" : "bk3RNwTe3H0:CI2k_...", // Уникальный идентификатор подписчика.
"data" : {
"title": "Portugal vs. Denmark", // Данные для уведомления
"text": "5 to 1"
},
}

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

Content-Type:application/json
Authorization:key=A...A //Закрытый ключ нашего приложения,
который мы получили в прошлой части.
{
"registration_ids" : {
[...] // Массив идентификаторов подписчиков.
},
}

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

Давайте через терминал (SSH-консоль) сформируем и отправим запрос:

curl --header "Authorization: key=AI...3A" \
--header Content-Type:"application/json" \
https://gcm-http.googleapis.com/gcm/send \
-d "{\"registration_ids\":[\"cym...W3\"]}"

SSH-консоль с отправленным POST-запросом и появившийся от него Push

На этом скриншоте видно и сам запрос и его итог - пришедшее спустя секунду уведомление.

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

Итак, Push-уведомления Chrome для сайта на Ruby On Rails

Сначала скажу, что пример этого кода валиден для сайта на Rails 3.2.8!

По сути, нам нужно сделать:

Функционал, чтобы наш сайт запоминал идентификаторы подписчиков;

Модель для создания push-уведомлений;

Динамически обновляемый latest.json;

Ну и добавить в контроллер пару строк кода, который будет при создании нового Push’а отправлять POST-запрос на сервер Google.

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

Теперь сделаем так, чтобы наш сайт понимал, что это за запрос и сохранял данные. Первым делом создадим модель и контроллер для Pushsubscriber :

Rails g model pushsubscriber browserkey:string
rake db:migrate
rails g controller pushsubscribers create delete

Match "/createpushadresat", to: "pushsubscribers#create", via: :get

Теперь наш сайт переадресует входящие GET-запросы в контроллер pushsubscribers , где он будет обрабатываться методом create . Настроим же его:

def create
@newsubscriber = Pushsubscriber.new(:browserkey => URI(params[:adresat].to_s).path.split("/").last)
if @newsubscriber.save?
render:text => "ok"
else
render:text => "fail"
end
end

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

Итак, люди начали подписываться на наши обновления и теперь наша База данных пополняется идентификаторами. Пора начать рассылать им уведомления:

Rails g scaffold notification title:string bodytext:string url:string succescount:integer
rake db:migrate

Эта команда Скаффолдом создаст нам минимально работающую модель notification c полями title , bodytext , url и successcount . Первые три - соответственно заголовок, текст и ссылка будущего оповещения, а successcount  - количество успешно переданных пушей, которое нам будет любезно сообщать Google. Так же будут созданы контроллер с вьюхами для этой модели. Разумеется там еще нужно будет вписать сгенерированные вьюхи в общий дизайн сайта, а контроллер “огородить” before_filter ’ами, чтобы “пушить” могли только люди с соответствующим доступом. Но это вы уже будете решать индивидуально. А сейчас мы лишь чуть-чуть (на самом деле совсем не чуть-чуть) исправим метод create в notifications_controller.rb :

require "open-uri"
require "multi_json"
require "uri"
def create
@notification = Notification.new(params[:notification])
if @notification.save
@adresats = Pushsubscriber.all.collect(&:browserkey)
@keys = "{"registration_ids":"[email protected]_json+"}".as_json
uri = URI.parse("https://android.googleapis.com/gcm/send")
http = Net::HTTP.new(uri.host,uri.port)
http.use_ssl = true
req = Net::HTTP::Post.new(uri.path)
req["Authorization"] = "key=A...A" # Тут вписывается закрытый ключ
req["Content-Type"] = "application/json"
res = http.request(req, @keys)
parsed_json = ActiveSupport::JSON.decode(res.body)
@notification.update_attribute(:success, parsed_json["success"].to_i)
end
redirect_to notifications_path
end

Этот код, если создано и сохранено новое уведомление (@notification), формирует и передает POST-запрос для Google (точно так же, как мы делали это выше), в котором в формате json по спецификации Google передаются ВСЕ идентификаторы наших подписчиков. Затем нам должен ответить Google своим json’ом. Из которого отпарсивается секция success, из которой сохраняется число - количество успешно переданных пушей. Так же там передается секция failure, в которой, соответственно, хранится число по той или иной причине недоставленных пушей. Вообще, можно самому посмотреть какие данные передает Google, может что-то еще решите сохранить.

И, как и в прошлый раз, данный код не учитывает, что Google может не ответить, или ответить сообщением об ошибке, а не валидным для парсинга json’ом. Учтите в своей разработке подобные случаи.

Ну а теперь пробуем создать на своем сайте пуш через форму Notification.new (созданную Скаффолдом) и… ВУАЛЯ! Система работает - нам пришло уведомление!

Правда содержимое для этого уведомления все еще берется из статичного latest.json . Осталось последнее - заставить этот файл обновляться динамически. Как это сделать? Очень просто, ведь у нас уже есть модель Notification, а в latest.json должно содержаться именно наше последнее Уведомление (то есть Notification.all.last). Для этого удаляем наш статический latest.json из корневой папки сайта и добавляем в routes.rb следующий маршрут:

Match "/latest.json", to: "notification#latestpush", via: :get

То есть теперь latest.json будет формироваться методом latestpush в контроллере notification . Создадим этот метод.

Уведомления - это отличающая операционную систему Android особенность. В 2000-ых годах мы и представить себе не могли, что в будущем уведомлять о тех или иных событиях научатся отдельные приложения - раньше даже сама операционка могла рассказать лишь о полученном SMS-сообщении или электронном письме. Но некоторые люди считают Push уведомления натуральным злом. Дело в том, что разработчики многих программ переходят за все грани разумного. Уведомления от таких приложений сыплются рекой. А ещё в них может содержаться реклама, отвлекаться на которую никому не хочется. Вот почему многие задумываются о том, как настроить уведомления на Андроид.

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

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

Отключение уведомлений в несколько тапов

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

Данный способ работает только в Android 5.0 и более свежих версиях операционки!

Шаг 1. Дождитесь очередного появления уведомления от навязчивой программы или игры. Когда это случится - откройте панель уведомлений.

Шаг 2. Удерживайте палец на полученном уведомлении, пока оно не изменит свой цвет на более темный.

Шаг 3. Нажмите на круглую кнопку с буквой «i».

Шаг 4. Вас перенесет в меню, посвященное получению уведомлений от данного приложения. Здесь вы можете активировать флажок около пункта «Заблокировать ». После этого вы больше не будете получать оповещения от данной программы или игры.

Чуть более долгий способ

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

Шаг 1. Перейдите в «Настройки ».

Шаг 2. Зайдите в раздел «Приложения и уведомления ».

Шаг 3. Нажмите на пункт «Настройка уведомлений ».

Шаг 4. Отключите уведомления отдельных приложений.

На более старых версиях Android:

Шаг 1. Перейдите в «Настройки ».

Шаг 2. Зайдите в раздел «Звуки и уведомления ».

Шаг 3. Нажмите на пункт «Уведомления приложений ».

Шаг 4. Выберите неугодную программу.

Шаг 5. Так вы попадете в уже рассмотренное нами меню. Поставьте флажок около пункта «Заблокировать ».

Следует отметить, что на некоторых устройствах количество шагов здорово сокращено. Например, на аппаратах от Samsung , функционирующих под управлением Android 6.0, нужно лишь пройти в раздел «Уведомления », после чего дезактивировать флажки у неугодных приложений.

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

Устранение уведомлений с экрана блокировки

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

Шаг 1. Перейдите в «Настройки ».

Шаг 2. Проследуйте в уже рассмотренный нами подраздел «Звуки и уведомления ». На планшетах Samsung для этого может потребоваться переход во вкладку «Устройство ».

Шаг 3. Здесь вы должны увидеть пункт «На заблокированном экране » (может иметь похожее название). Нажмите на него.

Шаг 4. В отобразившемся контекстном меню выберите «Не показывать уведомления ».

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

Подведение итогов

Как ни странно, операционная система Android ещё далека от идеала. Да, она позволяет заблокировать уведомления отдельных приложений. Можно выключить показ и вообще всех уведомлений сразу. Но по какой-то неведомой причине компания Google не даёт отключить звук, воспроизводящийся при получении оповещения о каком-либо событии. Точнее говоря, отключить его можно, но в том числе и для звонков, и для SMS-сообщений. Раздельно же звук для звонков и уведомлений регулируется лишь на избранном числе устройств, обладающих особой оболочкой.

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

Push notification приходят прямо в браузер или в ваш смартфон.

Более высокий ctr (нажатия по ссылке) по сравнению с обычными рассылками, так как читатель (подписчик) получит уведомление прямо в своем браузере в нижнем правом углу (или в виде push уведомления в строке состояния в смартфоне).

Вы больше не будете зависеть от службы рассылки писем (если вы не использовали свой почтовый сервер для рассылки своих писем).

Это круто использовать новые технология в своем проекте.

На примере будет показана настройка push notification в wordpress сайте (я ярый фанат вордпресса, т.к. эта удобная и популярная CMS и реализация пуш уведомления реализуется в пару кликов).

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

Не все сервисы бесплатные, у большинства сервисов push уведомления есть базовый тариф, который позволит подписать/отправить 500-1000 подписчиков, но вы не будете хозяином своей жизни.

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

Жирный минус, пользователю придется 2 раза нажать "разрешить" уведомление, в первый раз на вашем сайте, а второй раз выйдет диалоговое окно от сервиса с "https" и в нем, в домене этого сервиса пользователю придется еще раз нажать кнопку "разрешить". Как вы наверное догадались, это может отпугнуть вашего потенциального подписчика от подписки, слишком много телодвижении. Хватит это терпеть!

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

Думаю хватит воды, и перейду к делу.

Как я сказал выше, вам нужен SSL сертификат (те кто не знает что такое SSL и https, большой брат google вам поможет). Вы можете воспользоваться сервисом CDN cloudflare и в нем включить поддержку https (это самый легкий вариант, если будет интересно, могу написать статью как добавить сайт в cloudflare). Но я решил, что хочу добавить свой сертификат на сайт.

По гуглив немного, я нашел сервис "Let’s Encrypt" (https://letsencrypt.org) который позволяет бесплатно получить самый простой ssl сертификат с проверкой домена. Этого для нашего дела будет достаточно. Написал своему хостеру, что хочу добавить SSL сертификат от "Let’s Encrypt", хостеру правда пришлось поменять панель управление хостингом с ISPmanager на Plesk т.к в Plesk есть плагин, который в один клик добавляет SSL сертификат от "Let’s Encrypt". Если ваш хостер не может вам поменять панель управления, или в Plesk не установлен плагин "Let’s Encrypt" вы можете воспользоваться как я написал выше сервисом CDN cloudflare или поменять ваш хостинг на более "нормального" хостера.

Если у вас панель управления Plesk и в нем установлен плагин "Let’s Encrypt".

На главной странице панели управления найдите ссылку "Let’s Encrypt" и нажмите на него.

Можете оставить e-mail адрес по умолчанию или указать другой.

Поставьте галочку "Include www. as an alternative domain name. " для того, чтобы сертификат работал и с "www"

Нажмите кнопку Install и подождите несколько секунд.

Все, сертификат установлен.

После подготовки вашего сайта, и проделывания нужных нам действий. Вам понадобится настроить wordpress, чтобы он переадресовывал посетителей на "https://" версию вашего сайта. Делается это следующем образом, заходите в админку вашего сайта. Настройки - Общие настройки. В общих настройках, в "Адрес WordPress (URL)" и "Адрес сайта (URL)" меняете "http://вашсайт" на "https://вашсайт". Все, если вы правильно установили SSL сертификат, то ваш сайт будет работать как и прежде, но в адресной строке появится значок зеленого замка. Это означает, что ваше соединение защищено, и канал между вами и сервером будет шифроваться.

Следующим этапом будет установка плагина "Chrome Push Notifications" (https://wordpress.org/plugins/chrome-push-notifications) этот плагин сделает за вас грязную работу, в нем будет достаточно написать ключи которые выдаст вас google, об этом чуть ниже. Почему-то после установки плагина и после заполнения нужных форм у меня ничего не заработало, возможно разработчик плагина исправит это, но я решил, что не буду ждать пока исправят работу плагина, и вручную вписал нужные строки в шаблон моего блога.

Предположим вы установили плагин и сайт у вас с ssl сертификатом. Теперь вам необходим аккаунт в gmail, для того, чтобы попасть в консоль и активировать нужные нам API. Снизу добавил видео что нужно сделать в "google developer console", а это пошаговая текстовая инструкция:

Зайдите на сайт https://console.developers.google.com

Если вы не разу не создавали проекты, то нажмите ссылку "Create a project", если Вы ранее уже создавали проект, то правом в верхнем углу нажмите на название старого проекта, выйдет меню, в нем найдите ссылку "Create a project" и нажмите на нее.

Выйдет диалоговое окно "New project", напишите латинскими символами название проекта и нажмите кнопку "Create".

Подождите несколько секунд пока проект не создаться, после нажмите на проект (ID) и появится список, в этом списке нам нужен "Project number", запишите его в блокноте и сразу впишите в плагин "Chrome Push Notifications" в строку "Project Number".

Следующий пункт, нажмите на "Use Google API" найдите ссылку "Cloud Messaging for Android" и нажмите на нее. Дождитесь пока появится кнопка "Enable API" и нажмите на эту кнопку.

После нажатия кнопки, у вас должна появится предупреждение и кнопка "Go to Credentials" нажмите эту кнопку.

Следующий пункт, нужно выбрать какой API нужно использовать, нужно выбирать именно "Google Cloud Messaging for Android", а форму вызова API "Web browser" нажмите кнопку "What credentials do I need?"

Можете не менять название ключа, а в строке "Accept requests from these HTTP referrers (web sites)" указать свой сайт, для того, чтобы другие сайты не могли использовать ваш API и нажмите кнопку "Create API key"

Мы почти закончили, запишите или лучше сразу вставьте в плагин ваш API ключ в строку "GCM API Key".

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

1. Нужно добавить jQuery в вашу тему, если он у вас не стоит. Я использую CDN от google, вы можете загружать его с него же или со своего сайта. Добавить нужно в header.php

2. Создайте файл с названием и расширением manifest.json в корневой папке своего сайта и впишите туда, номер вашего проекта, который вы взяли с "google developer console":

{"gcm_sender_id": "номер-вашего-проекта"}

Запись добавляется до тега

3. После этого, зайдите в меню "виджеты" и добавьте текстовый виджет и в него впишите следующие значения, замените "вашсайт.кз" на домен вашего сайта.

/* */

4. После всех этих действии, обновите кэш wordpress (если у вас установлен плагин кэширования) и зайдите на главную страницу. У вас должно появится окно push notification. Надеюсь статья вам помогла, если будут вопросы обращайтесь, по мере возможности буду помогать.

P.S: Забыл сказать, этот push notification работает только в браузерах хром от google, думаю в будущем напишу как реализовать такую функцию и в iOS устройствах и в других браузерах.

Как сделать push уведомление (notification) на сайте

62 оценок, Средняя оценка: 4.9 из 5

Привет, друзья! Сегодня речь пойдет о push-рассылке для сайта, как еще одном канале связи со своей аудиторией. Расскажу, как настроить такие уведомления для своего ресурса при помощи специального сервиса.

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

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

Единственное – в окне запроса подписки отображается анкорная ссылка «Предоставлено SendPulse».

За это время на рассылку моего блога подписалось 156 человек. Естественно, есть и отписки, так как статьи на блоге разноплановые и не могут быть все время актуальны для всех. Люди отписываются, фильтруют входящую информацию, и это логично.:)

Доставляемость уведомлений получается от 50 % и выше (максимум было 67 %). Кликабельность от 16 до 30 %. В вечернее время, после 19.00 кликабельность выше.

В общем, если б я не настроила данный канал коммуникации, то и не дополучала бы часть этого трафика.

Назвать его слишком навязчивым я не могу. Всплывающее окно на подписку появляется в шапке блога, не закрывая контент. Его можно убрать, отказавшись от подписки кнопкой «Запретить» или подписаться на уведомления, нажав на кнопку «Разрешить».Сами уведомления я отправляю 1 – максимум 2 раза в неделю (в основном анонсы новых материалов блога или какие-то партнерские рекомендации). Ну и всегда присутствует возможность отписки.

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

Зарегистрируйтесь на сайте sendpulse.com , нажав на кнопку «Попробовать бесплатно».

Зарегистрироваться можно по эмейлу или через профиль в соцсетях – Google+, Facebook.

После регистрации зайдите в свой аккаунт через кнопку «Войти».

Для работы с пуш-уведомлениями перейдите в раздел «PUSH».

Чтобы подключить уведомления к своему сайту, нажмите на кнопку «Добавить новый сайт».

Укажите домен, загрузите картинку (можно ваш логотип квадратной формы), которая будет отображаться в окне запроса на подписку. Выберите когда будет появляться запрос – я выбрала при заходе на сайт. Выберите вид всплывающего окна. Я предпочла стиль Safari, который появляется в шапке и не закрывает контент.

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

Когда выполните все настройки на этой странице, нажмите «Следующий шаг».

В большинстве сайтов на Вордпресс этот код добавляется в файл header.php. Так как Вордпресс шаблоны у всех разные, код хедера (шапки) может находиться в другом файле, по-другому называться. К примеру, у меня этот файл называется top.php

Пример добавления на скриншоте ниже:

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

После того, как добавите скрипт на сайт, нажмите «Проверить». Если все сделали правильно, рядом с сайтом появится зеленая галочка. И также зайдите на свой сайт и посмотрите, появляется ли запрос на подписку.

В «Общих настройках» вы можете поставить галочку «Отправлять приветственное push-уведомление после подписки». Эту опцию можно использовать, чтобы отдавать новым подписчикам какой-то полезный подарок. Я именно так и сделала:

Как отправить push-сообщение подписчикам?

Первое push-уведомление вы сможете отправить, когда у вас уже появятся подписчики, нажав на кнопку «Отправить push».

При отправке уведомления выберите список получателей (если добавили на сервис несколько сайтов). Также подписчиков можно сегментировать по языку браузера, региону, странице, с которой была сделана подписка, по дате подписки, браузеру…

В самом уведомлении указывается заголовок (до 50 знаков), текст (до 125 знаков) и ссылка, по которой вы хотите перенаправить подписчика. Коротко, но емко заинтересуйте подписчика, чтобы он перешел по вашей ссылке.

Справа вы можете увидеть, как будет выглядеть ваше сообщение в разных браузерах.

Для разных уведомлений вы можете добавлять разные картинки (правда, работает это не во всех браузерах). Или же всегда использовать лого своего сайта или другую брендирующую картинку, по которой вас будут узнавать.

Нажав на кнопку «Отправить», вы сразу отправите уведомление. Если кликнуть по иконке часов, то можно задать отложенную отправку, выбрав дату и время. Кликнув по шестеренке, можно задать время жизни push в диапазоне от 15 минут до 15 дней, настроить отправку – сразу или постепенно, включить или отключить utm-метки.

Через некоторое время после отправки вы сможете наблюдать статистику по уведомлению. Для этого перейдите во вкладку «Мои рассылки». Чтобы открыть подробности, кликните по заголовку уведомления.

Вверху есть фильтр, позволяющий отобрать рассылки с конкретного сайта (если у вас их несколько).

На сервисе SendPulse можно настроить авторассылку, создав серию из уведомлений (как серия писем в эмейл-рассылке). А также можно настроить авторассылку на основе RSS. Доступны данные опции во вкладке «Авторассылка». Останавливаться на этом я не стану, так как у себя пока серий не настраивала.

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

Тут же можно видеть статистику по сайту – количество подписчиков, отписок, отправленных рассылок. А также отправить новое уведомление подписчикам этого сайта.

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

Друзья, ниже предлагаю вам посмотреть наглядное видео к статье:

Итак, push-уведомления – хороший канал взаимодействия со своей аудиторией, который также стоит использовать. Если вы еще его не настроили, то теперь знаете, как это сделать при помощи сервиса SendPulse.

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

Всего вам доброго!

С уважением, Виктория Карпова