Skip to end of metadata
Go to start of metadata

Шаг 1. Откройте новый редактор

Перейдите в редактор шаблонов. Перед вами откроется старый редактор. Сделайте в нем начальную версию push-сообщения, а именно:

  • дайте имя шаблону;
  • укажите заголовок push сообщения;
  • укажите путь к иконки, которая будет отображаться в сообщении;
  • заполните тело сообщения (основной текст сообщения).

После этого нажмите Сохранить

Теперь вернитесь в созданный шаблон и кликните "воспользуйтесь редактором β", чтобы перейти в новый редактор.

Шаг 2. Основные настройки

У вас откроется новый редактор β. В разделе Основные настройки уже заполнены поля:

  • заголовок 
  • путь до иконки
  • тело сообщения 

Вы можете отредактировать эти поля, если возникла такая необходимость.

Не забудьте добавить эмодзи в заголовок и тело сообщения, чтобы сделать ваше уведомление более интересным.

Здесь вы должны указать общую ссылку для перехода.

Ссылка для перехода - это ссылка, по которой перейдет пользователь, к ак только кликнет по сообщению.


В новом редакторе шаблонов можно использовать 3 типа ссылок:

  • обычная ссылка
  • адаптивная ссылка
  • deep-link ссылка (доступна только при настройке шаблона для ОС Android и IOS)

Чтобы выбрать одну из этих ссылок, кликните на иконку "Настройки".


  • Укажите адрес обычной ссылки.
  • Активируйте поля "Не оборачивать трекингом" и "Сделать ссылкой подтверждения", если это необходимо.
  • Вставьте переменные, кликнув кнопку "</>".
  • Добавьте UTM метки. Для этого кликните кнопку "utm" и в открывшемся окне настройте метки, а затем нажмите Задать utm.


Адаптивная ссылка — ссылка для переадресации пользователя на разные URL, в зависимости от того, с какого устройства он откроет push-уведомление (десктоп, Android или iOS).

ПолеЗначение
Web ссылкаЕсли пользователь откроет push уведомление с десктопного устройства, он перейдет по этой ссылке.
IOS ссылкаЕсли пользователь откроет push уведомление с IOS устройства, он перейдет по этой ссылке.
Android ссылкаЕсли пользователь откроет push уведомление с Android устройства, он перейдет по этой ссылке.
"Сделать ссылкой подтверждения"Если вы активируете поле, то пользователь, перейдя по этой ссылке, подтвердит свое согласие на получение push уведомлений.

Когда вы настраиваете ссылки, вы можете вставить в них переменные, кликнув кнопку "</>".

Для Web ссылки есть возможность добавить UTM метки. Для этого кликните кнопку "utm" и в открывшемся окне настройте метки, а затем нажмите Задать utm.

Deeplink — ссылка, которая приведет клиента напрямую в ваше приложение.

  • Укажите адрес Deep-link ссылки.
  • Вставьте переменные, кликнув кнопку "</>".

Шаг 4. Расширенные настройки

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

Кроме того, слева вам доступен предпросмотр push сообщений в режиме реального времени.

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


Итак, в нашем распоряжении есть 6 браузеров и 2 ОС. Давайте посмотрим, какие настройки для них доступны.

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


Как настроить ссылку для перехода по клику?
  • Кликните Добавить.


  • Введите адрес ссылки и нажмите на иконку "Настройки".


В новом окне вам надо будет выбрать определенный тип ссылки перехода:

  1. Обычная ссылка
  2. Адаптивная ссылка
  3. Deep-link ссылка

Подробнее об этих ссылках было написано выше.

Обратите внимание, что ссылка, которую вы указываете для каждой платформы "перезатирает" общую ссылку для перехода.

Общая ссылка для перехода

Уникальная для платформы ссылка

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

Когда вы оставляете поле с ссылкой для перехода по клику пустой, то при клике по ней пользователь просто закроет push уведомление.

Что надо добавить?

  • Ссылка для перехода по клику;
  • Баннер: укажите путь до изображения;
  • Кнопки (не более 2-х).

Как добавить кнопку?

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

Настройте актуальность сообщения (TTL) 

Передвиньте ползунок, чтобы установить срок действия сообщения. 

TTL («time to live») – это отрезок времени, в течение которого push-сервис мониторит статус устройства адресата на предмет его подключения к сети Интернет. Как только, в рамках установленного времени, получатель появится в сети, ему будет доставлено push-сообщение. Если же время закончилось (заданный TTL истёк), а адресат так и не появился в сети, система перестает отслеживать его статус, и, соответственно, push-уведомление считается не доставленным.


Уникальный для платформы Custom JSON

В сообщение вы можете передать дополнительные поля в формате JSON.

  • Добавьте ссылку для переход по клику.
  • Введите текст кнопки действия.

  • Добавьте ссылку для переход по клику.
  • Уникальный для платформы Custom JSON: в сообщение вы можете использовать уникальный для браузера Chrome JSON контент. Подробнее о Custom JSON.

Что надо добавить?

  • Ссылка для перехода по клику;
  • Баннер: укажите путь до изображения;

Настройте актуальность сообщения (TTL) 

Передвиньте ползунок, чтобы установить срок действия сообщения. 

TTL («time to live») – это отрезок времени, в течение которого push-сервис мониторит статус устройства адресата на предмет его подключения к сети Интернет. Как только, в рамках установленного времени, получатель появится в сети, ему будет доставлено push-сообщение. Если же время закончилось (заданный TTL истёк), а адресат так и не появился в сети, система перестает отслеживать его статус, и, соответственно, push-уведомление считается не доставленным.


Уникальный для платформы Custom JSON

В сообщение вы можете передать дополнительные поля в формате JSON.

Настройки полей:

ПолеЗначение
Ссылка для перехода по кликуУкажите ссылку, по которой перейдет пользователь, когда кликнет по push сообщению
Индикатор событийИндикатор событий показывает пользователю количество необработанных уведомлений. Для IOS можно настроить этот параметр.
ЗвукВведите путь до звукового файла, который был добавлен разработчиками приложения
Цвет светодиодного индикатораНастройте светодиодный индикатор
Цвет фонаВыберите фон push сообщения
БаннерВведите ссылку на изображение
ВибрацияАктивируйте поле, если хотите, чтобы устройство подписчика вибрировало при получении push сообщения
Тихий режимПри активации этого режима приложение будет знать о новом уведомлении, но не будет уведомлять об этом пользователя

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

Нормальный: доставка сообщений с таким приоритетом может быть отложена на неопределнное время для экономии заряда батареи

Высокий: push уведомление запускает приложение в фоновом режиме и сразу же получает доступ в Интернет

Настройте актуальность сообщения (TTL) 

Передвиньте ползунок, чтобы установить срок действия сообщения (максимальное значение - 1 неделя).

TTL («time to live») – это отрезок времени, в течение которого push-сервис мониторит статус устройства адресата на предмет его подключения к сети Интернет. Как только, в рамках установленного времени, получатель появится в сети, ему будет доставлено push-сообщение. Если же время закончилось (заданный TTL истёк), а адресат так и не появился в сети, система перестает отслеживать его статус, и, соответственно, push-уведомление считается не доставленным.

Уникальный для платформы Custom JSON

В сообщение вы можете передать дополнительные поля в формате JSON.

Настройки полей:

ПолеЗначение
Ссылка для перехода по клику

Укажите ссылку, по которой перейдет пользователь, когда кликнет по push сообщению

Подзаголовок

Специфичный для IOS подзаголовок

Индикатор событий:

Индикатор событий показывает пользователю количество необработанных уведомлений

Звук

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

Медиа-вложение:

Прикрепленное изображение или видео

'Тихий' режим

При активации этого режима приложение будет знать о новом уведомлении, но не будет уведомлять об этом пользователя

Критическое PUSH-уведомлениеАктивируйте это поле, если хотите разрешить приложению воспроизводить критические звуки, игнорирующие режим «Не беспокоить» или безвучный режим устройства. Для критических предупреждений требуется специальное разрешение от Apple.

Настройте актуальность сообщения (TTL) 

Передвиньте ползунок, чтобы установить срок действия сообщения (максимальное значение - 1 неделя).

TTL («time to live») – это отрезок времени, в течение которого push-сервис мониторит статус устройства адресата на предмет его подключения к сети Интернет. Как только, в рамках установленного времени, получатель появится в сети, ему будет доставлено push-сообщение. Если же время закончилось (заданный TTL истёк), а адресат так и не появился в сети, система перестает отслеживать его статус, и, соответственно, push-уведомление считается не доставленным.

Уникальный для платформы Custom JSON

В сообщение вы можете передать дополнительные поля в формате JSON.

Что надо добавить?

  • Ссылка для перехода по клику;
  • Баннер: укажите путь до изображения;
  • Кнопки (не более 2-х).

Как добавить кнопку?

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

Настройте актуальность сообщения (TTL) 

Передвиньте ползунок, чтобы установить срок действия сообщения. 

TTL («time to live») – это отрезок времени, в течение которого push-сервис мониторит статус устройства адресата на предмет его подключения к сети Интернет. Как только, в рамках установленного времени, получатель появится в сети, ему будет доставлено push-сообщение. Если же время закончилось (заданный TTL истёк), а адресат так и не появился в сети, система перестает отслеживать его статус, и, соответственно, push-уведомление считается не доставленным.

Уникальный для платформы Custom JSON

В сообщение вы можете передать дополнительные поля в формате JSON.

Что надо добавить?

  • Ссылка для перехода по клику;
  • Баннер: укажите путь до изображения;
  • Кнопки (не более 2-х).

Как добавить кнопку?

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

Настройте актуальность сообщения (TTL) 

Передвиньте ползунок, чтобы установить срок действия сообщения. 

TTL («time to live») – это отрезок времени, в течение которого push-сервис мониторит статус устройства адресата на предмет его подключения к сети Интернет. Как только, в рамках установленного времени, получатель появится в сети, ему будет доставлено push-сообщение. Если же время закончилось (заданный TTL истёк), а адресат так и не появился в сети, система перестает отслеживать его статус, и, соответственно, push-уведомление считается не доставленным.

Уникальный для платформы Custom JSON

В сообщение вы можете передать дополнительные поля в формате JSON.


Шаг 5. Сохраните шаблон

Как только вы настроите все необходимые параметры своего шаблона, сохраните его, нажав на кнопку "Сохранить" в правом верхнему углу экрана:


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


Теперь вы можете использовать этот шаблон для отправки Rich Push уведомлений. Подробнее о том, как это сделать, читайте здесь: Web push: настройка и подключение.


  • No labels