Как использовать web push сервис SendPulse
Шаг 1. Добавьте новый сайт
Чтобы подключить web push уведомления к своему сайту, зайдите во вкладку «Push» и нажмите кнопку «Добавить сайт». В открывшейся вкладке введите свой домен и укажите протокол сайта: HTTP или HTTPS.
Сайт на HTTPS
Загрузите изображение, которое будет отображаться пользователям в web push уведомлениях. Обычно это логотип сайта, который при необходимости можно будет заменить на этапе создания уведомления.
![](http://www.spcdn.org/images/how-to-use-push/push1.png)
На этом шаге также нужно выбрать условие показа для запроса на подписку: при заходе на сайт, клике на элемент или с промежуточным запросом.
При заходе на сайт
Запрос отображается после того, как пользователь зашел на сайт. Вы не сможете выбрать внешний вид и текст запроса на подписку, но сможете добавить текст-подсказку.
![](http://www.spcdn.org/images/how-to-use-push/push2.png)
Чтобы редактировать запрос на подписку, выберите опцию «С промежуточным запросом».
С промежуточным запросом
Это двухшаговая подписка на web push уведомления. Сначала пользователь кликает «Разрешить» в выбранном вами варианте запроса:
- Лайтбокс — это всплывающее окно.
- Панель — отображается в верхней части экрана.
- Safari — запрос в стиле уведомлений браузера Safari.
- Плавающая кнопка — появляется в правом нижнем углу экрана.
![](http://www.spcdn.org/images/how-to-use-push/push3.png)
Затем пользователь подтверждает подписку еще раз в отдельном всплывающем окне.
![](http://www.spcdn.org/images/how-to-use-push/push4-7.png)
При клике на элемент
Этот запрос пользователь увидит, когда кликнет на выбранный вами элемент сайта или ссылку. Для этого добавьте класс sp_notify_prompt к нужному элементу.
Сайт на HTTP
Загрузите изображение, которое будет отображаться пользователям в web push уведомлениях. Обычно это логотип сайта, который при необходимости можно будет заменить на этапе создания уведомления.
![](http://www.spcdn.org/images/how-to-use-push/push5.png)
На этом шаге также нужно выбрать условие показа для запроса на подписку: при заходе на сайт или клике на элемент.
При заходе на сайт
Запрос отображается после того, как пользователь зашел на сайт. Вы можете установить время, через которое появится запрос, и выбрать стиль запроса из пяти вариантов:
- Стандартный — имитирует системный запрос в браузере Chrome.
- Лайтбокс — это всплывающее окно.
- Панель — отображается в верхней части экрана.
- Safari — запрос в стиле уведомлений браузера Safari.
- Плавающая кнопка — появляется в правом нижнем углу экрана.
Заголовок, текст и язык кнопки можно редактировать во всех запросах, кроме стандартного.
![](http://www.spcdn.org/images/how-to-use-push/push6.png)
При клике на элемент
Этот запрос пользователь увидит, когда кликнет на выбранный вами элемент сайта или ссылку. Для этого добавьте класс sp_notify_prompt к нужному элементу.
Для HTTP сайтов по умолчанию установлена двухшаговая подписка на web push уведомления. Сначала пользователь кликает «Разрешить» в выбранном вами варианте запроса: стандартном, лайтбоксе, панели, стиле Safari или плавающей кнопке.
Затем подтверждает подписку еще раз в отдельном всплывающем окне.
![](http://www.spcdn.org/images/how-to-use-push/push4-7.png)
Шаг 2. Вставьте код на сайт
Когда вы выбрали вид запроса на подписку, нажмите на кнопку «Следующий шаг» — сервис сгенерирует код, который нужно вставить на свой сайт перед закрывающим тегом </head>.
![](http://www.spcdn.org/images/how-to-use-push/push8.png)
Чтобы проверить подключился ли сайт, нажмите кнопку «Проверить настройки». Если добавить сайт не удалось, вы увидите красные надписи.
![](http://www.spcdn.org/images/how-to-use-push/push9.png)
Если сайт добавлен успешно, появится подтверждающее уведомление.
![](http://www.spcdn.org/images/how-to-use-push/push10.png)
Далее переходите в настройки сайта.
Шаг 3. Настройте сайт
Во вкладке «Общие настройки» вы снова можете проверить, подключились ли web push уведомления на сайт. Для этого укажите страницу сайта для проверки.
Здесь вы также можете выбрать изображение для запроса на подписку в стиле Safari и по желанию добавить приветственное уведомление для пользователя после подписки. Заголовок, текст и ссылку этого уведомления можно менять.
![](http://www.spcdn.org/images/how-to-use-push/push11.png)
Во вкладке «Интеграция с сайтом» вы увидите код. Его нужно добавить на свой сайт. Если вы уже добавили этот код, то здесь вы сможете перепроверить подключение уведомлений.
Для HTTPS сайтов в этой вкладке появятся установочные файлы Chrome, которые нужно скопировать в каталог верхнего уровня вашего сайта.
![](http://www.spcdn.org/images/how-to-use-push/push12.png)
Во вкладке «Запрос подписки» вы сможете отредактировать запрос, созданный на первом шаге.
Шаг 4. Создайте web push рассылку
Нажмите кнопку «Отправить Push». Выберите адресную книгу для рассылки, напишите заголовок и текст сообщения и добавьте ссылку для перехода. Вы можете также заменить стандартную картинку сайта в уведомлении. Справа находится превью уведомления, в котором отображаются все изменения.
![](http://www.spcdn.org/images/how-to-use-push/push13.png)
Когда вы заполните все поля, выберите условия отправки. Отправить уведомление можно сразу или задать нужные дату и время для отложенной отправки.
![](http://www.spcdn.org/images/how-to-use-push/push14.png)
Кроме этого, вы можете установить время жизни уведомления от 15 минут до 24 часов. Это срок, в течение которого уведомление может быть доставлено подписчику. Чтобы уменьшить нагрузку на ваш сайт, выберите отправку web push кампании частями — растянуть процесс отправки можно на срок от 1 до 5 часов. Также вы сможете добавить UTM метку для уведомления и отправить себе тестовое web push уведомление.
![](http://www.spcdn.org/images/how-to-use-push/push15.png)
Для браузеров Chrome и Chromium можно также добавить две кнопки и большое изображение в формате JPG, PNG, GIF до 200KB. Так ваше уведомление будет заметнее и эффективнее.
![](http://www.spcdn.org/images/how-to-use-push/push16.png)
Шаг 5. Проверяем статистику
Перейдите во вкладку «Мои рассылки». Вы увидите список отправленных рассылок — откройте нужную. Для каждой рассылки отображается статистика доставленных и недоставленных, переходов по ссылкам и отписок.
![](http://www.spcdn.org/images/how-to-use-push/push17.png)
A/B тесты
А/В тестирование активируется на этапе создания web push рассылки.
![](http://www.spcdn.org/images/how-to-use-push/push18.png)
Чтобы провести А/В тест, в вашей базе подписчиков должно быть более 100 получателей. Подписчиков можно делить на две или три тестовые группы, а также менять размер этих групп с помощью ползунка в правом верхнем углу.
Тестировать можно следующие элементы уведомления:
- заголовок;
- текст;
- изображение.
Уведомление, которое победило по результатам A/B теста, вы можете отправить вручную или автоматически через 2 часа.
Сегментация
Чтобы персонализировать web push рассылки, вы можете отправлять их по выбранным сегментам. Для этого отметьте галочкой чекбокс «Сегментировать список» под выбранной адресной книгой.
![](http://www.spcdn.org/images/how-to-use-push/push19.png)
Откроется меню для сегментации со следующими критериями:
- язык браузера получателя;
- страна и город;
- дата подписки;
- страница, на которой пользователь подписался;
- браузер и операционная система пользователя.
Если вы хотите передавать переменные для сегментации списка в аккаунт SendPulse, нужно добавить на свой сайт дополнительные поля input с классом sp_push_custom_data:
![](http://www.spcdn.org/images/how-to-use-push/push20.png)
Где «Name», «Email», «Last_name» — пример названия переменных, а «Имя_посетителя_сайта», «Email_посетителя_сайта», «Фамилия_посетителя_сайта» — соответствующие значения этих переменных. Вы можете создавать любые другие переменные. Тогда вы сможете их выбрать для дальнейшей сегментации списка.
Чтобы сохранить сегмент для использования в последующих рассылках, нажмите «Сохранить». А чтобы использовать сегмент только для текущей рассылки, нажмите «Применить».
Авторассылки
В SendPulse можно отправлять web push уведомления автоматически. Перейдите в меню «Авторассылки», нажмите «Создать цепочку» и выберите нужную опцию: серию уведомлений или рассылку на основе RSS.
![](http://www.spcdn.org/images/how-to-use-push/push21.png)
Серия уведомлений после подписки
Вы можете настроить автоматическую отправку серии приветственных сообщений новым подписчикам. Для этого заполните основную информацию о цепочке:
- дайте ей название;
- выберите список получателей;
- определите язык браузера из выпадающего списка;
- отметьте дни недели, в которые можно отправлять уведомления;
- установите время отправки уведомлений.
Здесь вы также можете добавить метки для Google Analytics и Яндекс.Метрики.
![](http://www.spcdn.org/images/how-to-use-push/push22.png)
Затем переходите к добавлению самих web push уведомлений. Для каждого сообщения цепочки можно установить моментальную отправку или задать период времени, через который оно будет отправлено. Дальше заполняйте все так же, как и для обычного web push уведомления.
![](http://www.spcdn.org/images/how-to-use-push/push23.png)
Когда вы добавили нужное количество уведомлений, сохраните изменения, если хотите запустить цепочку позже. Или выберите «Сохранить и запустить», чтобы она отправилась сразу.
Серия уведомлений после подписки
Вы можете настроить автоматическую отправку серии приветственных сообщений новым подписчикам. Для этого заполните основную информацию о цепочке:
- дайте ей название;
- выберите список получателей;
- определите язык браузера из выпадающего списка;
- отметьте дни недели, в которые можно отправлять уведомления;
- установите время отправки уведомлений.
Здесь вы также можете добавить метки для Google Analytics и Яндекс.Метрики.
![](http://www.spcdn.org/images/how-to-use-push/push22.png)
Затем переходите к добавлению самих web push уведомлений. Для каждого сообщения цепочки можно установить моментальную отправку или задать период времени, через который оно будет отправлено. Дальше заполняйте все так же, как и для обычного web push уведомления.
![](http://www.spcdn.org/images/how-to-use-push/push23.png)
Когда вы добавили нужное количество уведомлений, сохраните изменения, если хотите запустить цепочку позже. Или выберите «Сохранить и запустить», чтобы она отправилась сразу.
Рассылка на основе RSS
Чтобы читатели вашего блога получали уведомления после публикации нового контента, вы можете настроить отправку сообщений на основе RSS ленты. Для этого выберите раздел «Рассылка на основе RSS». Затем укажите ссылку на свою ленту и нажмите кнопку «Проверка URL».
![](http://www.spcdn.org/images/how-to-use-push/push24.png)
Чтобы узнать ссылку на свою RSS ленту, в большинстве случаев достаточно добавить /feed к адресу своего блога, например: https://sendpulse.com/ru/blog/feed.
Дальше автоматически откроется меню настроек.
![](http://www.spcdn.org/images/how-to-use-push/push25.png)
Укажите название авторассылки, выберите список получателей. При желании его можно сегментировать, выбрав соответствующую опцию. Все данные о сообщении подтягиваются автоматически из вашей RSS ленты. Вы можете добавить UTM метки, выбрать категории блога и установить лимит на количество отправленных уведомлений в сутки.
Авторассылку можно сохранить, чтобы отправить позже, или запустить сразу.
Полезное для работы с рассылками
Отправляйте email, SMS, web push, Viber, Facebook рассылки в SendPulse
Обучайтесь email маркетингу в Академии SendPulse
Читайте об интернет-маркетинге в блоге SendPulse
Смотрите видео на YouTube-канале SendPulse
Получайте ответы о работе сервиса на русском 24/7 в техподдержке
Обновлено: 21.03.2022
или