Редактор для Rich Push (бета версия)

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

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

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

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

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

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

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

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

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

подсказка

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

Шаг 3. Ссылка для перехода

Далее необходимо указать общую ссылку для перехода. Ссылка для перехода — это ссылка, по которой перейдет пользователь, когда кликнет по пушу. По общей ссылке пользователи будут переходить, если не задана уникальная ссылка для различных браузеров и ОС. Уникальная ссылка задаётся ниже — в блоке "Расширенные настройки".

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

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

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

Обычная ссылка

• Укажите URL-адрес для перехода. Использовать можно только https ссылки, т.е. ссылка должна вести на сайт, который работает на безопасном SSL-соединении.
• Вставьте переменные с помощью кнопки </>.
• Добавьте UTM метки для отслеживания трафика подписчиков. Нажмите "utm" и в открывшемся окне настройте метки, а затем нажмите "Задать utm".
• При необходимости активируйте поле "Не оборачивать трекингом" — так вы отключите перенаправление на трекинг при переходе по ссылке, и статистика кликов собираться не будет.
• Если активировать поле "Сделать ссылкой подтверждения", то шаблон с такой ссылкой можно будет использовать для подтверждения подписки. При переходе по ссылке статус профиля обновится: Не подтвержден → Подписан.

Адаптивная ссылка

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

• Web ссылка — пользователь перейдет по этой ссылке, если откроет push уведомление с десктопного устройства
• IOS ссылка — пользователь перейдет по этой ссылке, если откроет push уведомление с IOS устройства.
• Android ссылка — пользователь перейдет по этой ссылке, если откроет push уведомление с Android устройства.

Дополнительные настройки:

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

Deep-link ссылка

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

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

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

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

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

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

Индивидуальная настройка пуша доступна для 6 браузеров и 2 ОС. Большинство настроек совпадают.

Уникальная ссылка для перехода

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

Как настроить ссылку для перехода по клику?

1. Нажмите Добавить:

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

3. В новом окне выберите тип ссылки перехода и настройте её.

• Обычная ссылка
• Адаптивная ссылка
• Deep-link ссылка

предупреждение

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

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

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

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

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

Баннер

Укажите URL-адрес изображения. Если URL корректный, баннерное изображение отобразится в предпросмотре.

Кнопки

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

предупреждение

Если поле "Ссылка" оставить пустым, то при клике на кнопку пользователь закроет пуш.

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

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

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

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

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

Настройка push для Chrome

Доступны следующие настройки:

• Ссылка для перехода по клику;
• Баннер;
• Кнопки (не более 2-х).
• TTL сообщения;
• Уникальный для платформы Custom JSON.

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

Доступны следующие настройки:

• Ссылка для переход по клику;
• Текст кнопки действия.
• TTL сообщения;
• Уникальный для платформы Custom JSON.

Настройка push для Firefox

Доступны следующие настройки:

• Ссылка для переход по клику;
• TTL сообщения;
• Уникальный для платформы Custom JSON.

Настройка push для Opera

Доступны следующие настройки:

• Ссылка для перехода по клику;
• Баннерное изображение;
• TTL сообщения;
• Уникальный для платформы Custom JSON.

Настройка push для Android

Доступны следующие настройки:

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

Настройка push для iOS

Доступны следующие настройки:

Поле	Значение
Ссылка для перехода по клику	Укажите ссылку, по которой перейдет пользователь, когда кликнет по push сообщению
Подзаголовок	Специфичный для IOS подзаголовок
Индикатор событий :	Индикатор событий показывает пользователю количество необработанных уведомлений
Звук	Введите путь до звукового файла, который был добавлен разработчиками приложения
Медиа-вложение	Прикрепленное изображение или видео
'Тихий' режим	При активации этого режима приложение будет знать о новом уведомлении, но не будет уведомлять об этом пользователя
Критическое PUSH-уведомление	Активируйте это поле, если хотите разрешить приложению воспроизводить критические звуки, игнорирующие режим «Не беспокоить» или безвучный режим устройства. Для критических предупреждений требуется специальное разрешение от Apple.

Настройка push для Yandex

Доступны следующие настройки:

• Ссылка для перехода по клику;
• Баннер: укажите путь до изображения;
• Кнопки (не более 2-х).
• TTL сообщения;
• Уникальный для платформы Custom JSON.

Настройка push для Samsung

Доступны следующие настройки:

• Ссылка для перехода по клику;
• Баннер: укажите путь до изображения;
• Кнопки (не более 2-х);
• TTL сообщения;
• Уникальный для платформы Custom JSON.

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

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

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

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