Как отправлять push-уведомления веб-приложения (просто)

Опубликовано: 2024-03-18

Ищете простой способ добавить push-уведомления в веб-приложение, которые помогут вам развивать свой бизнес?

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

Не волнуйся! В этой статье мы покажем вам шаг за шагом, как можно отправлять push-уведомления веб-приложений с надежной скоростью доставки менее чем за 10 минут.

Давайте погрузимся.

Отправляйте push-уведомления через веб-приложение прямо сейчас!

Как установить push-уведомления веб-приложения

Добавить push-уведомления в веб-приложение довольно просто. Просто следуйте инструкциям в этой статье. Если вы выполните каждый шаг, к концу этой статьи вы сможете отправлять push-уведомления, подобные этому:

пример push-уведомлений веб-приложения

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

Проще говоря, веб-службы push-уведомлений запутывают ваше веб-приложение. Таким образом, иногда он собирает подписчиков push-уведомлений, а иногда нет. Иногда вы можете отправлять уведомления, а иногда нет. Возможно, вы даже отправите push-сообщения всему списку подписчиков, а они будут доставлены только нескольким подписчикам.

Конечно, разработчики веб-приложений, такие как Mendix, имеют собственную систему push-уведомлений. Но что, если вы хотите перейти на другую службу push-уведомлений? Что, если вам нужно больше гибкости и контроля над кампаниями с push-уведомлениями?

Мы рекомендуем использовать PushEngage для отправки push-уведомлений веб-приложений. PushEngage — это программное обеспечение для push-уведомлений №1 в мире. Итак, вы знаете, что ваши кампании в надежных руках.

Давайте начнем.

Шаг № 1: Настройте свою учетную запись PushEngage

Перейдите на домашнюю страницу PushEngage и нажмите кнопку «Начать» :

PushEngage

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

После того, как вы зарегистрировали свою учетную запись PushEngage, перейдите на панель управления PushEngage и перейдите в «Настройки сайта » Сведения о сайте :

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

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

Шаг 2. Получите код установки от PushEngage.

Чтобы установить push-уведомления, вам потребуется получить установочный код. На экране настроек сайта прокрутите вниз и нажмите кнопку «Нажмите здесь, чтобы получить инструкции по настройке »:

Настройки установки PushEngage

Затем нажмите вкладку «Любой сайт» :

Код установки PushEngage для любого сайта

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

Шаг 3. Добавьте код Service Worker для push-уведомлений веб-приложения

Самая сложная часть процесса наконец-то наступила. На панели управления PushEngage в разделе «Инструкции по настройке» вы также увидите возможность загрузить файл Service Worker.

Скачать Сервисный работник

ВАЖНО. По умолчанию веб-приложению не требуется файл Service Worker. Все, что вам нужно, чтобы превратить любой сайт в веб-приложение, — это файл манифеста. Итак, если в вашем веб-приложении нет файла сервисного работника, вы можете просто добавить сервисного работника PushEngage в корневой каталог вашего веб-сайта или веб-приложения.

Но если в вашем веб-приложении уже есть сервисный работник, НЕ ЗАГРУЖАЙТЕ файл сервисного работника PushEngage напрямую как есть. Откройте рабочий процесс PushEngage в текстовом редакторе, например «Блокноте», и скопируйте код в файл рабочего процесса PushEngage. Затем найдите файл сервисного работника для своего веб-приложения и просто добавьте в него код сервисного работника PushEngage.

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

Шаг 4. Настройте подписку PushEngage.

Теперь вернитесь к панели управления PushEngage. Перейдите в раздел «Дизайн »Всплывающие модальные окна» и выберите вариант по вашему выбору:

Всплывающие модальные окна

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

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

Шаг №5: Создайте свою первую кампанию

Теперь, когда ваше веб-приложение может отправлять push-уведомления, вам следует создать настоящую кампанию.

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

Просто зайдите на панель управления PushEngage и выберите «Кампании » Триггерные кампании » Создать новую триггерную кампанию :

Создать новую активируемую кампанию

Затем выберите шаблон кампании «Брошенная корзина »:

Типы триггерных кампаний

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

1. Пример брошенной корзины

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

Но прежде чем приступить к маркетингу своего сайта, вам следует устранить любые проблемы с процессом подписки на push-уведомления. Прочтите эту статью о тестировании push-уведомлений. Если все работает идеально, все готово!

Что делать после добавления push-уведомлений веб-приложения?

Вот и все, ребята!

Теперь вы можете отправлять push-уведомления веб-приложений. К этому моменту вы также создали мощную кампанию веб-push-уведомлений, которая поможет ускорить ваш рост. И все это менее чем за 10 минут!

Узнайте, как создавать другие автоматические кампании push-уведомлений. Большинство push-кампаний просты и эффективны. Поэтому мы рекомендуем настроить несколько кампаний для вашего сайта. Вот несколько замечательных для начала:

  • Как автоматически отправлять push-уведомления RSS
  • Как настроить push-уведомления об брошенной корзине с помощью GTM
  • Как просто запланировать push-уведомления [5 мин. Гид]

А если вы еще этого не сделали, начните с PushEngage. PushEngage — это программное обеспечение для push-уведомлений №1 в мире. Итак, ваши кампании в надежных руках.

Начните работу с PushEngage сегодня!