Перейти к основному содержимому

Как подключить веб-пуши на сайт

Веб-пуши — это короткие всплывающие сообщения от сайта, которые показываются в браузере или на рабочем столе, даже если сам сайт при этом закрыт.

Web push

На сайте посетителям показывается виджет подписки — всплывающее окно, которое предлагает подписаться на пуш-рассылку. По умолчанию он выглядит вот так:

Signup widget

Когда посетитель страницы нажмёт «Подписаться», откроется форма подписки браузера — в ней нужно будет разрешить уведомления, чтоб получать вашу рассылку:

Browser signup form

Именно вторая форма и активирует подписку, но браузеры из-за настроек в основном скрывают или вообще не показывают её. Виджет скрыть нельзя, поэтому с ним ваша база пуш-подписчиков будет расти быстрее.

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

Browser signup form

Установка​

Как подключить новый сайт​

  1. Откройте раздел Подписчики → Web push и нажмите на синюю кнопку «Добавить сайт». В появившемся окне введите адрес сайта и нажмите «Добавить».
Важно

Чтобы сайт мог отправлять веб-пуши, он должен иметь действующий SSL-сертификат безопасности (это значит, что адрес сайта должен начинаться с https, а не http)

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

  2. Скачайте файл sendsay_push_sw.js и добавьте его в корень сайта. Файл должен стать доступен по ссылке https://вашсайт/sendsay_push_sw.js

Как добавить виджет на сайт​

Важно

Необходимо только в том случае, если вы подключили сайт раньше 24 декабря 2020 года

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

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

  1. В разделе Подписчики → Web Push откройте нужный сайт и перейдите во вкладку Настройка и установка .
  2. Скопируйте код и вставьте его на те страницы, посетителям которых вы предлагаете подписку — вместо кода, который установлен там сейчас.

Дополнительные настройки​

Виджет подписки​

Чтобы настроить виджет, в разделе Подписчики → Web Push откройте сайт и перейдите во вкладку Виджет подписки. У виджета можно редактировать следующие параметры:

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

Отображение формы по клику​

Помимо виджета форму подписки можно вызывать по нажатию на любой элемент на странице. Для этого нужно добавить атрибут data-sendsay-webpush-subscribe в тег нужного элемента.

Параметры пуш-рассылки​

У пуш-рассылки есть три параметра — их можно настроить во вкладке Настройки и установка или задать уже при создании рассылки.

Период доставки​

Веб-пуши отправляются подписчикам, когда они подключены к интернету. Период доставки — это интервал, в течение которого сервис ждёт подключения недоступных подписчиков (по умолчанию 12 часов).

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

Продолжительность показа​

Здесь всего два варианта:

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

Иконка​

Иконку лучше настроить сразу, чтобы подписчики видели, от кого пришла рассылка (её можно поменять при создании выпуска). Если отправить пуш без иконки, в уведомлениях появится логотип Sendsay.