Создание In-App сообщений | Support eSputnik

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

Email

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

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

Создание In-App сообщений

In-App-сообщения позволяют доставлять персонализированный контент прямо в ваше мобильное приложение.

In-App-уведомление открывается после тапа по мобильному push-уведомлению, таким образом, эти каналы взаимосвязаны.

Принцип работы In-App

Важно

Установите SDK для отправки In-App-уведомлений из eSputnik

Создание сообщения In-App

Перейдите в раздел “Сообщения” → “Сообщения” → “In-App”. Нажмите кнопку “Новый In-App”.

Новый In-App

Заполните поле “Название In-App”: Это поле доступно для поиска сообщения в общем списке, пользователи его не видят.

Название In-App

HTML-настройки

Откройте вкладку HTML.

HTML

Вы можете разместить свой HTML-код или использовать наш базовый код.

Использование базового кода

Скопируйте и вставьте базовый HTML в окно кода. Разместите свой код вместо текста Your code goes here.

Your code goes here

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

Вы можете использовать персонализацию с переменными и возможности Velocity в HTML-коде сообщений In-App.

Кастомные правила HTML-верстки

1. Используйте кнопки вместо якорей

Использование HTML-якорей запрещено. Вместо них используйте HTML-кнопки.

2. Установите атрибуты данных для интерактивных элементов

Каждый интерактивный элемент должен иметь необходимые атрибуты данных.

  • Код кнопки, которая должна открывать URL:
<button 
                data-target-component-id="1c92f19e-c994-11ed-afa1-0242ac120002"
                data-sys-action-type="OPEN_URL"
                data-sys-action-params="{"url":"https://google.com"}"
                class="button">
</button>
  • Код кнопки, закрывающей виджет:
<button
                data-target-component-id="c740db99-cfbb-4857-b790-cb5631c33255"
                data-sys-action-type="CLOSE_WIDGET"
                class="close-button">
</button>

Название атрибута

Значение атрибута

data-sys-action-type

Одно из действий:

  • CLOSE_WIDGET
  • CLICK
  • OPEN_URL

CLICK и OPEN_URL учитываются в статистике как клики, CLOSE_WIDGET — нет.

data-target-component-id

Создайте уникальный UUID элемента (например, с помощью Online UUID Generator)

3. Задавайте отступ сверху приблизительно 50 px, чтобы контент помещался на iOS-устройствах.

CSS-настройки

Откройте вкладку CSS и добавьте CSS-правила в окно кода.

CSS

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

Мультиязычная версия (опционально)

Создайте мультиязычную версию любого сообщения. Нажмите значок “Глобус” на верхней панели, укажите язык по умолчанию и добавьте языковые версии. Наполните каждую версию контентом на соответствующем языке. Вы можете переключаться между версиями в рамках одного шаблона в один клик.

Мультиязычная версия

Привязка In-App к мобильному пушу

1. Создайте или откройте мобильный пуш, активируйте функцию “Открывать in-app сообщение по клику” и выберите In-App-уведомление.

Открывать in-app сообщение по клику

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

Ссылка и кнопки недоступны в мобильных пушах с привязанными In-App-уведомлениями.

Мобильные пуши со связанными In-App-уведомлениями в системе помечены иконкой цепочки. Наведите курсор на иконку, чтобы увидеть название связанного сообщения.

Пуш со связанным сообщением

Тестирование сообщений In-App

Чтобы протестировать сообщение, нажмите значок “TEST” на верхней панели.

TEST

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

Отправка теста

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

В поле поиска введите email, contactID или телефонный номер, чтобы отправить push-сообщение.

Если контакт является пользователем приложения, вы увидите следующий статус:

Пользователь приложения

Это означает, что выбранный контакт имеет соответствующий мобильный токен. Вы можете отправить тестовое сообщение этому контакту. В противном случае вы получите сообщение: “У контакта нет токена приложения”.

Когда вы получите тестовый мобильный пуш, нажмите на него, чтобы увидеть связанное сообщение In-App.

Аналитика

Отчеты по рассылкам In-App находятся в отчетах по мобильным push-рассылкам(сообщения со значком цепочки).

Количество переходов относится к In-App-сообщениям.

Аналитика

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