Как создать web push-уведомление?

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

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

Что такое web push-уведомления?

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

Как работает функция Web Push?

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

  • Нужно создать сайт в GetResponse, который будет содержать ваши уведомления, а также URL и изображение.
  • Необходимо установить скрипт отслеживания на вашем сайте и рабочий сервис на сервере вашего сайта.
  • Мы поддерживаем все основные браузеры, кроме Safari и Internet Explorer 11.
  • Мы настоятельно рекомендуем создать персонализированный запрос перед отображением запроса разрешения в родном браузере. Он будет информировать ваших посетителей о том, что вы можете отправлять им уведомления, если они согласятся. Это повышает коэффициент конверсии, а также, некоторые браузеры могут блокировать запрос родного браузера, если ранее не было взаимодействия с сайтом. Кроме того, персонализированный запрос может увеличить количество подписок на ваши уведомления.

Персонализированный запрос:

Custom prompt.

Стандартный запрос:

Native prompt.

Как создать сайт?

Чтобы создать сайт:

  1. Перейдите в Меню > Web push-уведомления.
  2. Нажмите Добавить сайт.
Создание сайта.
  1. Укажите название вашего сайта (до 150 символов).
  2. Укажите точный URL вашего сайта. Это должен быть именно тот URL, который отображается в браузере. Для отправки уведомлений ваш сайт должен поддерживать протокол HTTPS. Если это не так, вам необходимо установить SSL-сертификат для вашего сайта.
  3. (Необязательно) нажмите Загрузить изображение, если вы хотите добавить значок. Это будет изображение по умолчанию, отображаемое во всех ваших уведомлениях и пользовательских подсказках. Это может быть ваш логотип или значок бренда.
  4. Нажмите Добавить сайт и продолжить.

Следующим шагом будет настройка вашего сайта.

  1. Нажмите Копировать код, чтобы скопировать код отслеживания. Добавьте код отслеживания на сайт, где вы хотите отображать уведомления. Он должен быть размещен в секции head.
  2. Нажмите кнопку Скачать файл Service Worker, чтобы загрузить файл. Установите его в корневой каталог сайта на вашем сервере. Попросите помощи у своего веб-разработчика, если вы не уверены, как сделать это самостоятельно.
    Когда люди подпишутся, файл будет загружен в их браузер. Если они подписались, то смогут получать ваши уведомления. Следует иметь в виду следующее:
  • Убедитесь, что сайт поддерживает протокол HTTPS.
  • Не переименовывайте файл.
  • Файл должен указывать на один и тот же источник сайта (ваш домен).
  1. Нажмите Завершить, чтобы завершить настройку сайта.

Вы всегда будете иметь доступ к коду отслеживания и файлу Service Worker.


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

Для этого:

  1. Перейдите в Меню > Web push-уведомления.
  2. Нажмите Получить код и файл Service Worker.

Как управлять своим сайтом?

Для управления сайтом:

  1. Перейдите в Меню > Web push-уведомления.
  2. Наведите курсор на меню действий (3 вертикальные точки).
    Здесь вы можете:
  • Редактировать свой сайт.
  • Получить код и файл Service Worker.
  • Создать запрос.
  • Создать уведомление.
  • Удалить (это возможно, только если нет активных уведомлений).

Здесь вы также увидите, сколько людей подписано на уведомления на этом сайте.

Как создать запрос?

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

Имейте в виду, что:

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

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

Примечание: вы можете создать несколько запросов, но одновременно активен может быть только один.

Чтобы создать персонализированыый запрос:

  1. Перейдите в Меню > Web push-уведомления.
  2. Наведите курсор на меню действий (3 вертикальные точки) и выберите Создать запрос.
Создание запроса.
  1. Введите имя запроса (до 150 символов).
  2. Введите текст запроса (до 128 символов). Создайте индивидуальное сообщение, чтобы призвать людей подписаться на рассылку. Пользовательская подсказка появляется перед внутренней подсказкой.
  3. Укажите текст для кнопки подтверждения и выберите ее цвет.
  4. Укажите текст ссылки для отмены подписки и выберите ее цвет. Предварительный просмотр вашего запроса будет отображаться с правой стороны.
  5. Нажмите кнопку Сохранить, чтобы завершить настройку персонализированного запроса.
  6. (Необязательно) нажмите кнопку Предпросмотр, чтобы увидеть, как будет выглядеть стандартный запрос.
  7. Нажмите Сохранить и активировать, чтобы активировать созданный запрос (при этом отключив другой активный в данный момент запрос), или Сохранить прогресс, чтобы сохранить прогресс без активации подсказки.

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

Как управлять запросами?

Чтобы управлять запросами:

  1. Перейдите в Меню > Web push-уведомления.
  2. Нажмите на название вашего сайта.
  3. Во вкладке Запросы уведомлений вы можете деактивировать запрос.
  4. Чтобы управлять подсказкой, наведите курсор на меню действий (3 вертикальные точки) рядом с вашей пользовательской подсказкой. Там вы сможете:
  • Изменить запрос.
  • Удалить его (это возможно только в том случае, если запрос не был отображен).

Как создать уведомление?

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

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

Чтобы создать уведомление:

  1. Перейдите в Меню > Web push-уведомления.
  2. Наведите курсор на меню действия (3 вертикальные точки) и нажмите на Создать уведомление.
Создание уведомления.
  1. Укажите имя уведомления (до 150 символов).
  2. Нажмите Изменить, чтобы отредактировать содержимое уведомления.
Редактирование контента уведомления.
  1. Введите заголовок уведомления (до 250 символов). Используйте запоминающуюся фразу или название вашего бренда.
  2. (Необязательно) добавьте текст уведомления (до 250 символов). Используйте его, чтобы рассказать подробнее о продвигаемой вещи, проинформировать подписчиков уведомления об изменениях или сообщить им о проводимых распродажах или новых продуктах.
  3. (Необязательно) загрузите изображение в уведомление. Вы можете использовать: .JPEG, .JPG, .PNG, .GIF, .WEBP, .ICO, .CUR, .BMP размером до 10 МБ. Для достижения наилучших результатов используйте квадратное изображение размером не менее 196 x 196 px.
  4. (Необязательно) Укажите целевой URL-адрес, на который будут перенаправлены люди после нажатия на ваше уведомление.
  5. Справа вы сможете увидеть предварительный просмотр вашего уведомления и протестировать его в браузере. Предварительный просмотр применим к браузеру Google Chrome на macOS, Windows и Android. Для других браузеров и операционных систем возможны визуальные различия. Предварительный просмотр носит исключительно информационный характер, поскольку на конкретных устройствах могут быть различия.
    Чтобы проверить, как уведомление будет работать в вашей системе, нажмите кнопку Предпросмотр в браузере. Вам будет предложено согласиться на получение уведомлений.
  6. Нажмите Сохранить этот шаг, чтобы завершить настройку контента.
  7. Вы сможете просмотреть свою аудиторию (сколько человек подписалось на ваше уведомление).
  8. Вы можете нажать кнопку отменить, сохранить черновик, чтобы использовать уведомление позже, или отправить уведомление, чтобы отправить его немедленно. Примечание: чтобы отправить уведомление немедленно, вам необходимо иметь хотя бы одно разрешение на отправку уведомлений (один подписчик уведомления).

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

Как я могу управлять своими уведомлениями?

Чтобы управлять уведомлениями:

  1. Перейдите в Меню > Web push-уведомления.
  2. Нажмите на название вашего сайта.
  3. Во вкладке Уведомления наведите курсор на меню действий (3 вертикальные точки), где вы можете:
  • Просмотреть уведомление.
  • Создать копию.

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

  • Редактировать уведомление.
  • Удалить его.

Популярные ресурсы