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

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

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

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

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

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

HTML-настройки

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

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

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

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

Кастомные правила 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>

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

CSS-настройки

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Аналитика

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

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