Ищете руководство по отправке push-уведомлений iOS и развитию вашего бизнеса?
Вы определенно попали по адресу.
В этой статье мы покажем вам, как добавить push-уведомления веб-приложений в ваше прогрессивное веб-приложение (PWA), создать первую кампанию push-уведомлений и отправить ее. Все это без какого-либо кодирования и менее чем за 10 минут.
Звучит неплохо? Давайте приступим!
Как добавить push-уведомления iOS в ваше приложение
Установка push-уведомлений веб-приложений для iOS и iPadOS на веб-сайт несложна. Но это требует нескольких шагов, и вам следует следовать этому руководству шаг за шагом.
Не торопитесь, и все будет хорошо.
Прежде чем создавать кампанию приветственных push-уведомлений, вам необходимо выбрать сервис push-уведомлений. Сервис push-уведомлений — это программное обеспечение, которое позволяет создавать кампании push-уведомлений без какого-либо кодирования.
Мы рекомендуем использовать PushEngage.
PushEngage — это плагин для push-уведомлений № 1 в мире.
Push-уведомления помогают вам автоматически увеличивать трафик вашего сайта и вовлеченность. И если вы управляете интернет-магазином, PushEngage также помогает вам увеличить продажи, помогая создавать автоматические push-уведомления для электронной коммерции.
Вы можете начать бесплатно, но если вы серьезно относитесь к развитию своего бизнеса, вам следует приобрести платный план. Кроме того, прежде чем покупать какую-либо службу push-уведомлений, ознакомьтесь с этим руководством по стоимости push-уведомлений.
Вот краткий обзор того, что вы получаете с PushEngage:
- Высококонверсионные автоматизированные кампании
- Несколько опций таргетинга и планирования кампаний
- Отслеживание целей и расширенная аналитика
- Интеллектуальное A/B-тестирование
- Проверенные шаблоны push-уведомлений, которые помогут вам привлечь больше трафика и увеличить конверсию
- Выделенный менеджер по успеху
Вы увидите, что PushEngage — это, без сомнения, лучший выбор, если вы хотите увеличить трафик, вовлеченность и продажи для своего бизнеса. И если у вас ограничен бюджет, вы всегда можете немного проявить креативность с вашими push-уведомлениями.
Поехали!
Шаг № 1: Создайте бесплатную учетную запись PushEngage
Перейдите на PushEngage и нажмите Начать бесплатно прямо сейчас:
Вы можете начать с бесплатного плана. Но если вы ищете самые мощные браузерные уведомления, вам следует выбрать платный план в зависимости от потребностей вашего бизнеса. Как только вы определитесь с нужным планом, нажмите Начать , чтобы создать свою учетную запись PushEngage.
Шаг № 2: Зарегистрируйтесь в PushEngage
Теперь пришло время создать вашу учетную запись PushEngage. Начните с регистрации по адресу электронной почты или идентификатору Gmail:
Затем заполните данные вашей учетной записи:
И добавьте информацию о вашей кредитной карте, чтобы купить ваш план:
Если вы выбрали бесплатную учетную запись, с вашей кредитной карты никогда не будет взиматься плата, пока вы не решите обновить свой план. И теперь вы готовы получить доступ к вашей панели управления PushEngage. Просто нажмите Завершить регистрацию и получить мгновенный доступ.
Если вы раньше использовали OneSignal или PushAlert, вы увидите, что PushEngage предоставляет вам гораздо более удобный интерфейс панели управления. Панель управления OneSignal не предназначена для расширенных кампаний. Для этого вам понадобится API больше, чем плагин OneSignal.
Шаг № 3: Добавьте файл манифеста веб-приложения на ваш веб-сайт
Думайте о манифесте веб-приложения как о специальном файле, который действует как руководство для вашего веб-сайта, когда он установлен на телефоне или компьютере пользователя. Он написан на языке под названием JSON, но вам не нужно беспокоиться об этом.
Файл манифеста содержит важную информацию о вашем веб-приложении, такую как его название, описание, значки и цвета. Таким образом, когда кто-то добавляет ваш веб-сайт на главный экран или устанавливает его на свое устройство, браузер использует этот манифест, чтобы узнать, как должно выглядеть и вести себя ваше приложение.
Например, манифест указывает браузеру, какой значок использовать для вашего приложения на главном экране или в ящике приложений, чтобы оно выглядело красиво и узнаваемо. Он также указывает цвета и тему вашего приложения, чтобы придать ему согласованный и привлекательный вид.
Кроме того, манифест включает URL-адрес, который должен быть открыт при запуске приложения. Таким образом, браузер знает, какую страницу или раздел вашего веб-сайта показать пользователю в первую очередь.
Создание файла манифеста можно быстро выполнить с помощью онлайн-инструментов, которые сделают всю сложную работу за вас. Мы рекомендуем использовать этот генератор манифеста для веб-приложений, чтобы создать манифест вашего веб-приложения в несколько кликов и без написания кода.
Когда манифест будет готов, обычно его называют «manifest.json» и загружают в корневую папку вашего веб-сайта.
По сути, манифест веб-приложения — это как инструкция, которая позволяет вашему веб-приложению выглядеть и ощущаться правильно, когда люди используют его на своих устройствах. Это важная часть создания отличного пользовательского опыта для посетителей вашего веб-сайта.
Типичный манифест выглядит примерно так:
{
"name": "PushEngage",
"short_name": "PushEngage",
"start_url": "/",
"display": "standalone",
"theme_color": "#3b43ff",
"background_color": "#ffffff",
"icons": [
{
"src": "icon/icon-128x128.png",
"sizes": "128x128",
"type": "image/png"
},
{
"src": "img/icon-192x192.png",
"sizes": "192x192",
"type": "image/png"
},
{
"src": "img/icon-512x512.png",
"sizes": "512x512",
"type": "image/png"
}
]
}После того как вы добавите файл манифеста в корневую папку вашего веб-сервера, вам нужно будет добавить фрагмент кода в раздел HTML head вашего веб-сайта. Фрагмент будет выглядеть примерно так:
<link rel="manifest" href="/manifest.json">Если вы используете WordPress и вам нужна помощь в добавлении этого фрагмента кода в заголовок вашего сайта, вы можете использовать WPCode для загрузки файла манифеста. Это один из лучших плагинов для фрагментов кода для WordPress.
Шаг №4: Установите PushEngage на ваш сайт WordPress
ПРИМЕЧАНИЕ: Если вы не используете сайт на WordPress, ознакомьтесь с нашими руководствами по установке.
Вы закончили создание учетной записи. Теперь перейдите в панель управления PushEngage и следуйте инструкциям:
Нажмите на Настройки сайта » Детали сайта и нажмите кнопку Нажмите здесь для инструкций по настройке:
Нажмите на вкладку WordPress и нажмите кнопку Установить плагин PushEngage для WordPress , чтобы установить плагин на ваш веб-сайт.
Вот самое интересное: Когда вы создавали свою учетную запись PushEngage, вы уже синхронизировали свой веб-сайт с вашей учетной записью PushEngage. Поэтому нажмите на ссылку установки в панели управления PushEngage, чтобы автоматически установить плагин PushEngage для WordPress на ваш веб-сайт.
Шаг №5: Подключите ваш сайт WordPress к PushEngage
Когда вы закончите установку и активацию плагина PushEngage для WordPress, вы увидите мастер настройки PushEngage:
Мастер настройки довольно прост. Если вы новый пользователь, нажмите Новый? Получите бесплатную учетную запись. А если вы уже зарегистрировались, нажмите Подключить существующую учетную запись.
Далее вы можете выбрать свой сайт из выпадающего списка Выберите сайт в разделе Подключить зарегистрированный сайт, если вы уже регистрировали сайт во время регистрации:
Или вы можете нажать Зарегистрировать новый сайт, чтобы добавить новый сайт, если у вас есть премиум-тарифный план или выше. На следующем шаге мастер онбординга предложит вам установить другие обязательные плагины WordPress.
Если вы выполнили каждый шаг правильно, вы увидите это сообщение об успехе от мастера:
Теперь вы готовы создавать кампании и всплывающие окна для push-уведомлений.
Шаг №6: Проверьте манифест вашего сайта
Итак, давайте пройдемся по шагам, чтобы протестировать ваше веб-приложение и убедиться, что все работает гладко.
Сначала откройте ваш веб-сайт в браузере Safari на вашем iPhone или iPad. Убедитесь, что на вашем устройстве установлена iOS 16.4 или более новая версия. Как только ваш веб-сайт загрузится, вы увидите кнопку Share (Поделиться). Она выглядит как квадрат со стрелкой, указывающей вверх. Нажмите на эту кнопку, чтобы открыть меню общего доступа.
В меню общего доступа вы должны найти опцию под названием Add to Home Screen (Добавить на главный экран). Нажмите на эту опцию.
Теперь веб-приложение будет сохранено на Главном экране вашего устройства, как и любое другое приложение, которое вы скачиваете из App Store.
Если все настроено правильно, при открытии приложения с вашего Главного экрана оно больше не будет открываться в браузере Safari. Вместо этого оно будет вести себя как обычное приложение на вашем iPhone или iPad.
Чтобы пользователи знали, что они могут получать веб-push-уведомления от вашего приложения, вы можете показать им баннер на экране. Этот баннер предложит им добавить ваше приложение на домашний экран и подписаться на веб-push-уведомления. Это удобный способ поддерживать вовлеченность пользователей в ваше приложение и получать важные обновления.
Итак, следуйте этим шагам, и вы будете готовы предоставить пользователям устройств iOS удобный интерфейс, похожий на приложение! Полное руководство по тестированию push-уведомлений см. в нашей документации по веб-push-уведомлениям для iOS.
Как персонализировать ваши кампании
Перед созданием кампании следует настроить сегменты и группы аудиторий для отправки персонализированных push-сообщений.
Ничто не сравнится с уровнем персонализации, которого вы можете достичь, создавая сегменты и группы аудиторий для подписчиков ваших push-уведомлений. Перейдите в раздел PushEngage » Аудитория и немедленно начните создавать сегменты и группы аудиторий.
На вкладке Сегменты вы можете создавать новые сегменты или редактировать существующие:
А если вам нужна еще более глубокая персонализация, создайте группу аудиторий на вкладке Группы аудиторий:
Если вы новичок в сегментах push-уведомлений и персонализированных push-уведомлениях, вам следует ознакомиться с нашей статьей о создании сегментов и нашим анонсом расширенного группирования аудиторий.
Самое интересное, что вы можете создавать целевые push-кампании, создав группу аудиторий только для ваших пользователей iOS и iPadOS:
И вы можете использовать эту группу аудиторий для ваших последовательных кампаний и трансляций.
Как создать последовательную кампанию push-уведомлений
Перейдите в панель управления PushEngage и выберите Campaign » Drip Autoresponders, затем нажмите Create New Drip Autoresponder:
Затем назовите свою кампанию (мы предлагаем что-то вроде "Welcome Drip"), а в разделе Content выберите опцию "Send notification immediately after user subscribes“):
На этом этапе вы можете нажать на стрелку рядом с уведомлением, чтобы отредактировать его содержимое.
Если у вас есть план Premium или Enterprise от PushEngage, вы сможете добавить более одного уведомления, чтобы создать последовательность автоматических приветственных сообщений. Просто нажмите Add New Notification и отредактируйте содержимое.
Когда закончите, нажмите Drip Settings и выберите опцию отправки вашей приветственной кампании всем подписчикам:
Затем прокрутите вниз, чтобы установить собственные UTM-параметры для отслеживания push-уведомлений:
И когда закончите, прокрутите обратно вверх и нажмите кнопку Activate Autoresponder:
И вы закончили!
Как отправить трансляцию веб-push-уведомлений для iOS
Перейдите на панель управления PushEngage и выберите Кампания » Трансляции push-уведомлений, а затем нажмите кнопку Создать новую трансляцию push-уведомлений:
На вкладке Контент добавьте содержимое вашего push-уведомления:
И вы можете настроить A/B-тестирование, чтобы увеличить ваши показатели кликабельности, или вы можете запланировать ваши трансляции push-уведомлений для большего количества просмотров. В любом случае, вам следует ознакомиться с нашими рекомендациями по лучшим практикам для push-уведомлений для достижения наилучших результатов.
Как создать модальное окно всплывающего push-уведомления для iOS
Модальное окно всплывающего push-уведомления — это небольшое окно, которое появляется поверх интерфейса веб-сайта или мобильного приложения для отображения сообщения или уведомления посетителю сайта.
Модальное окно может запускаться различными событиями. Вы можете настроить всплывающие окна так, чтобы они запускались при посещении страницы, при достижении определенной глубины прокрутки и даже при выполнении пользовательских действий, таких как нажатие кнопки.
Обычно во всплывающем модальном окне вы увидите призыв к действию, такой как «Подписаться» или «Разрешить», чтобы получить согласие посетителей на отправку им push-уведомлений. Если вы последуете этому руководству, вы сможете создать всплывающее окно, подобное этому:
Вы можете создавать всплывающие окна, которые могут сегментировать подписчиков напрямую, или создавать обычные всплывающие окна, которые просто собирают подписчиков с атрибутами по умолчанию, такими как геолокация и браузер.
Вернитесь в свою панель управления WordPress. Перейдите в PushEngage » Дизайн:
И вы можете настроить столько всплывающих окон, сколько пожелаете. Конечно, вы можете убедиться, что они срабатывают в разное время в разделе Параметры отображения для каждого всплывающего окна.
Идея здесь состоит в том, чтобы дать вашим посетителям вескую причину подписаться. Если вам нужна помощь с этим, ознакомьтесь с нашей статьей о том, как создать пользовательский запрос на подписку на push-уведомления.
И если вы хотите создавать более таргетированные всплывающие окна, вы можете использовать правила таргетинга во вкладке Правила таргетинга:
Это глобальные правила таргетинга, и они будут иметь приоритет над правилами таргетинга для отдельных всплывающих окон. Но при желании вы можете создать надежные правила таргетинга для каждого модального окна путем их редактирования.
Например, вы можете создавать всплывающие модули на разных языках для таргетинга посетителей из разных стран.
И если вы хотите получить несколько шаблонов с высоким коэффициентом кликабельности для начала, вам следует ознакомиться с этой статьей о высококонверсионных запросах на подписку на push-уведомления.
Что делать перед отправкой push-уведомлений для iOS
Вы почти закончили.
Прежде чем начать отправлять push-уведомления, вам нужно будет настроить согласие на подписку для вашего веб-сайта. Ваше согласие превратит посетителей веб-сайта в подписчиков push-уведомлений. Так что это критически важный элемент.
Если вам нужно вдохновение, вы можете ознакомиться с этой статьей о высококонверсионных формах подписки на push-уведомления. Как только вы закончите настройку формы подписки, ваш сайт сможет собирать подписчиков. Но как вы вообще узнаете, что ваша форма подписки работает правильно?
Итак, разумно настроить приветственное push-уведомление.
Совет: Вам следует уделить время полномасштабному тестированию ваших push-уведомлений. Это поможет устранить наиболее распространенные проблемы, и вы не будете тратить время на их решение позже.
Что делать после отправки push-уведомлений для iOS
На этом всё, друзья!
Если эта статья оказалась полезной, обязательно оставьте комментарий ниже.
Начать работу с push-уведомлениями может показаться сложным. Но если вы будете следить за отслеживанием целей и аналитикой, все будет в порядке. Что еще более важно, вы получите гораздо большую прибыль с помощью кампаний push-уведомлений. Вот несколько отличных ресурсов, которые помогут вам начать:
- Как использовать ретаргетинговые push-уведомления для увеличения дохода в 2 раза
- Как сортировать push-уведомления и находить выигрышные кампании
- Как очистить списки подписчиков push-уведомлений (легко)
- Как автоматически отправлять RSS-push-уведомления
- Как использовать push-уведомления для продвижения новостного сайта
- Как использовать push-уведомления для перекрестных продаж, чтобы удвоить продажи
- Как использовать push-уведомления об отказе от просмотра (4 шага)
Если вы новичок в push-уведомлениях, вам стоит попробовать PushEngage. PushEngage — это программное обеспечение для push-уведомлений № 1 на рынке. И ваши кампании будут в надежных руках.
Так что, если вы еще этого не сделали, начните с PushEngage сегодня!
