Как использовать web push сервис SendPulse

Шаг 1. Добавляем новый сайт

Чтобы подключить web push уведомления к своему сайту, зайдите во вкладку «Push» и нажмите кнопку «Добавить сайт». В открывшейся вкладке введите свой домен и укажите протокол сайта: HTTP или HTTPS.

Сайт на HTTPS

Загрузите изображение, которое будет отображаться пользователям в web push уведомлениях. Обычно это логотип сайта, который при необходимости можно будет заменить на этапе создания уведомления.

Добавляем новый HTTPS сайт

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

При заходе на сайт

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

Пример подсказки

Чтобы редактировать запрос на подписку, выберите опцию «С промежуточным запросом».

С промежуточным запросом

Это двухшаговая подписка на web push уведомления. Сначала пользователь кликает «Разрешить» в выбранном вами варианте запроса:

  1. Лайтбокс — это всплывающее окно.
  2. Панель — отображается в верхней части экрана.
  3. Safari — запрос в стиле уведомлений браузера Safari.
  4. Плавающая кнопка — появляется в правом нижнем углу экрана.
Варианты запроса на подписку для HTTPS сайтов

Затем пользователь подтверждает подписку еще раз в отдельном всплывающем окне.

Второй шаг при подписке с промежуточным запросом

При клике на элемент

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

Сайт на HTTP

Загрузите изображение, которое будет отображаться пользователям в web push уведомлениях. Обычно это логотип сайта, который при необходимости можно будет заменить на этапе создания уведомления.

Добавляем новый HTTP сайт

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

При заходе на сайт

Запрос отображается после того, как пользователь зашел на сайт. Вы можете установить время, через которое появится запрос, и выбрать стиль запроса из пяти вариантов:

  1. Стандартный — имитирует системный запрос в браузере Chrome.
  2. Лайтбокс — это всплывающее окно.
  3. Панель — отображается в верхней части экрана.
  4. Safari — запрос в стиле уведомлений браузера Safari.
  5. Плавающая кнопка — появляется в правом нижнем углу экрана.

Заголовок, текст и язык кнопки можно редактировать во всех запросах, кроме стандартного.

Варианты запроса на подписку для HTTP сайтов

При клике на элемент

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

Для HTTP сайтов по умолчанию установлена двухшаговая подписка на web push уведомления. Сначала пользователь кликает «Разрешить» в выбранном вами варианте запроса: стандартном, лайтбоксе, панели, стиле Safari или плавающей кнопке.

Затем подтверждает подписку еще раз в отдельном всплывающем окне.

Второй шаг при подписке с промежуточным запросом

Шаг 2. Вставляем код на сайт

Когда вы выбрали вид запроса на подписку, нажмите на кнопку «Следующий шаг» — сервис сгенерирует код, который нужно вставить на свой сайт перед закрывающим тегом </head>.

Код для добавления на сайт

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

Уведомления, если сайт не добавился

Если сайт добавлен успешно, появится подтверждающее уведомление.

Уведомления, если сайт добавился

Далее переходите в настройки сайта.

Шаг 3. Настраиваем сайт

Во вкладке «Общие настройки» вы снова можете проверить, подключились ли web push уведомления на сайт. Для этого укажите страницу сайта для проверки.

Здесь вы также можете выбрать изображение для запроса на подписку в стиле Safari и по желанию добавить приветственное уведомление для пользователя после подписки. Заголовок, текст и ссылку этого уведомления можно менять.

Настройки сайта

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

Для HTTPS сайтов в этой вкладке появятся установочные файлы Chrome, которые нужно скопировать в каталог верхнего уровня вашего сайта.

Проверка интеграции с сайтом

Во вкладке «Запрос подписки» вы сможете отредактировать запрос, созданный на первом шаге.

Шаг 4. Создаем web push рассылку

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

Создаем web push уведомление

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

Варианты отправки уведомления

Кроме этого, вы можете установить время жизни уведомления от 15 минут до 24 часов. Это срок, в течение которого уведомление может быть доставлено подписчику. Чтобы уменьшить нагрузку на ваш сайт, выберите отправку web push кампании частями — растянуть процесс отправки можно на срок от 1 до 5 часов. Также вы сможете добавить UTM метку для уведомления и отправить себе тестовое web push уведомление.

Дополнительные условия отправки web push

Для браузеров Chrome и Chromium можно также добавить две кнопки и большое изображение в формате JPG, PNG, GIF до 200KB. Так ваше уведомление будет заметнее и эффективнее.

Пример уведомления с двумя кнопками и изображением

Шаг 5. Проверяем статистику

Перейдите во вкладку «Мои рассылки». Вы увидите список отправленных рассылок — откройте нужную. Для каждой рассылки отображается статистика доставленных и недоставленных, переходов по ссылкам и отписок.

Статистика по отправленной web push рассылке

A/B тесты

А/В тестирование активируется на этапе создания web push рассылки.

Настройки А/В тестирования web push

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

Тестировать можно следующие элементы уведомления:

  • заголовок;
  • текст;
  • изображение.

Уведомление, которое победило по результатам A/B теста, вы можете отправить вручную или автоматически через 2 часа.

Сегментация

Чтобы персонализировать web push рассылки, вы можете отправлять их по выбранным сегментам. Для этого отметьте галочкой чекбокс «Сегментировать список» под выбранной адресной книгой.

Критерии для сегментации списка получателей

Откроется меню для сегментации со следующими критериями:

  • язык браузера получателя;
  • страна и город;
  • дата подписки;
  • страница, на которой пользователь подписался;
  • браузер и операционная система пользователя.

Если вы хотите передавать переменные для сегментации списка в аккаунт SendPulse, нужно добавить на свой сайт дополнительные поля input с классом sp_push_custom_data:

Пример кода для передачи переменных в аккаунт SendPulse

Где «Name», «Email», «Last_name» — пример названия переменных, а «Имя_посетителя_сайта», «Email_посетителя_сайта», «Фамилия_посетителя_сайта» — соответствующие значения этих переменных. Вы можете создавать любые другие переменные. Тогда вы сможете их выбрать для дальнейшей сегментации списка.

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

Авторассылки

В SendPulse можно отправлять web push уведомления автоматически. Перейдите в меню «Авторассылки», нажмите «Создать цепочку» и выберите нужную опцию: серию уведомлений или рассылку на основе RSS.

Варианты авторассылок в SendPulse

Серия уведомлений после подписки

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

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

Здесь вы также можете добавить метки для Google Analytics и Яндекс.Метрики.

Настройки авторассылки

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

Настройка цепочки web push уведомлений в SendPulse

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

Серия уведомлений после подписки

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

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

Здесь вы также можете добавить метки для Google Analytics и Яндекс.Метрики.

Настройки авторассылки

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

Настройка цепочки web push уведомлений в SendPulse

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

Рассылка на основе RSS

Чтобы читатели вашего блога получали уведомления после публикации нового контента, вы можете настроить отправку сообщений на основе RSS ленты. Для этого выберите раздел «Рассылка на основе RSS». Затем укажите ссылку на свою ленту и нажмите кнопку «Проверка URL».

Добавление ссылки на RSS ленту

Чтобы узнать ссылку на свою RSS ленту, в большинстве случаев достаточно добавить /feed к адресу своего блога, например: https://sendpulse.com/ru/blog/feed.

Дальше автоматически откроется меню настроек.

Настройки рассылки на основе RSS

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

Авторассылку можно сохранить, чтобы отправить позже, или запустить сразу.

Полезное для работы с рассылками

Отправляйте email, SMS, web push, Viber, Facebook рассылки в SendPulse

Обучайтесь email маркетингу в Академии SendPulse

Читайте об интернет-маркетинге в блоге SendPulse

Смотрите видео на YouTube-канале SendPulse

Получайте ответы о работе сервиса на русском 24/7 в техподдержке

Оцените, насколько полезна статья "Как использовать web push сервис SendPulse"

Оценка: 3 / 5 (2)

    Другие полезные страницы

    Популярное в нашем блоге

    Начните пользоваться сервисом SendPulse прямо сегодня