Как подключить Web Push уведомления для браузера Safari — eSputnik

Пользовательские данные

Email

Омниканальность

Автоматизация

Отслеживание событий и поведения

Подключение Web Push для Safari

Push-уведомления Safari запускаются с помощью службы push-уведомлений Apple (APN), даже если браузер Safari не запущен. Веб-пуши работают так же, как push-уведомления приложений.

Чтобы настроить веб-пуши для Safari, вам необходима учетная запись Apple

Apple ID

и аккаунт разработчика (платный).

Аккаунт разработчика

Обратите внимание

Механизм отправки уведомлений VAPID позволяет осуществлять рассылку веб-пушей в Safari версий 16+. Если вы используете VAPID и вам не нужно отправлять уведомления в более старые версии Safari, вы можете пропустить руководство ниже.

Шаг 1. Регистрация Web Push ID

1. В своей учетной записи разработчика перейдите в раздел Identifiers и выберите Website Push IDs.

Website Push IDs

2. Выберите Website Push IDs и нажмите Continue.

Website Push IDs

3. Заполните поля Description и Identifier и нажмите Continue.

  • Description. Название вашего сервиса для Provisioning Portal, который помечает Website Push IDs более понятным для человека описанием.
  • Identifier. Ваше уникальное обратное обозначение имени домена, которое должно начинаться с web (например, web.com.example.domain).

Заполните поля

После подтверждения регистрации в списке Web Push ID появится созданный вами ID:

Созданный ID в списке

Шаг 2. Запрос сертификата в Keychain Access для MacOS

1. Откройте программу Keychain Access. Она стандартна для компьютеров Apple. В меню выберите пункт Certificate Assistant > Request a Certificate From a Certificate Authority.

Certificate Assistant

2. Заполните поля Email Address и Common Name, и віберите Saved to disk.

Certificate Information

3. Нажмите Save.

Сохранить настройки

Шаг 3. Генерация сертификата

1. В своей учетной записи разработчика перейдите в раздел iOS Certificates и нажмите Create a certificate.

Аккаунт разработчика

2. Выберите пункт Website Push ID Certificate и нажмите Continue.

Website Push ID Certificate

3. Загрузите файл Certificate Signing Request.

Certificate Signing Request

4. Скачайте сертификат.

Скачайте сертификат

Шаг 4. Экспорт сертификата .p12

1. Дважды кликните на скачанный файл. В открывшейся программе Keychain Access в списке My Certificates выберите сертификат.

Keychain Access

2. Разверните аккордеон и в контекстном меню выберите Export.

Экспорт сертификата

3. В диалоге генерации файла можно дополнительно задать пароль к файлу .p12.

Генерация сертификата .p12

Шаг 5. Получение сертификата .p8

Расширение .p8 представляет собой текстовый файл с ключами, которые используются для выполнения контента JWT для сообщений APN.

1. В своей учетной записи разработчика перейдите в раздел Keys и нажмите Create a key.

Create a key

2. Выберите Apple Push Notifications service (APNs).

APNs

3. Зарегистрируйте новый ключ.

Регистрация

4. Скачайте сертификат .p8.

Скачайте сертификат .p8.

Настройка Safari Push в eSputnik

1. Зайдите в настройки аккаунта на вкладку Web Push.

Настройка Safari push в eSputnik

2. Если вы добавляете Safari к существующему сайту, нажмите на его ссылку (1). Если у вас еще нет сайта, нажмите кнопку “+ Привязать сайт” (2).

Настройки для Web-push

Для нового сайта вам понадобится заполнить все поля. Если сайт уже существует, переходите в блок для Safari.

3. В разделе "Поддержка старых браузеров" нужно загрузить файлы .p8 и .p12:

Настройки Web push для Safari

4. В поле Key ID нужно указать ID из кабинета разработчика. Его можно найти в разделе Keys, кликнув по соответствующему ключу.

Обратите внимание

Для отображения иконок в Safari нужно исключительно квадратное изображение не менее 256 × 256 пикс. в формате PNG или JPEG. В отличие от подписчиков с других браузеров, для подписчиков Safari это изображение будет установлено только один раз и его нельзя будет изменить. При замене этого изображения старые подписчики будут получать уведомления со старым изображением, а новые – с новым.

Загрузка изображения для веб-пуш

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

Подписка на пуши

Протестируйте на реальных рассылках

Остались вопросы?
Специалисты обязательно ответят и помогут решить вашу проблему!
Обратный звонок
Оставьте заявку – и наш специалист свяжется с вами в рабочее время.
Отправить заявку
Консультация в чате
Готовы к вашим вопросам!
Написать в чат
Электронная почта
Напишите в службу поддержки eSputnik.
Отправить email