Как создать In-App
  • 09 Oct 2023
  • 2 минуты
  • Темная тема
    Светлая тема
  • формат pdf

Как создать In-App

  • Темная тема
    Светлая тема
  • формат pdf

Article Summary

Для запуска in-app требуется интеграция с вашим мобильным приложением. Подробнее в инструкции.

In-app — это персонализированные уведомления внутри мобильного приложения. Выглядит как всплывающее окно с картинкой и со ссылкой для перехода на другой раздел приложения или на стороннюю веб-страницу.

Отличия от мобильных пушей:

  • могут показываться даже тем клиентам, которые запретили отправлять себе пуши;
  • показывается только когда клиент находится внутри приложения.

Как создать In-App

Чтобы попасть на страницу с in-app, нужно нажать на «Кампании» → «Список кампаний» → «In-App». На этой странице будет отображен список всех настроенных механик с актуальным статусом. Также на этой странице можно отфильтровать механики по папке или статусу.

Снимок экрана 2022-11-20 в 20.21.50.png

Для создания in-app нажмите на зеленую кнопку «Создать» в правом верхнем углу и выберите механику. Нужно будет выбрать папку, в которой создаётся in-app, а также приложения, в которых нужно будет отображать эти in-app.

Снимок экрана 2022-11-18 в 12.22.51.png

Выберите тип шаблона:

Снимок экрана 2023-10-02 в 13.01.52.png

При наведении курсора на шаблон появляется превью его отображения на экране:

  • Модальное окно
    • Занимает не более 3/4 экрана.
    • Полностью блокирует задний экран и стороннюю работу пользователя в приложении, пока уведомление не будет закрыто.
    • Закрывается нажатием на крестик.

Примеры in-app’ов с модальным окном.

  • Снекбар
    • Занимает не более 1/3 экрана.
    • Выезжает снизу или сверху.
    • Похож на push-уведомление, что позволяет запускать in-app с контентом мобильного пуша и увеличивать охват аудитории.
    • Не блокирует задний экран и стороннюю работу пользователя в приложении.
    • Закрывается свайпом или нажатием на крестик.

Снекбар доступен в версиях SDK 2.8.0 (iOS, Android, Flutter) и выше.

Как настроить In-App

На открывшейся странице можно задать название механики.

Снимок экрана 2022-11-18 в 12.27.21.png

Внутри созданного in-app’а будет три блока для настройки: внешний вид формы, общие настройки и таргетинг.

Внешний вид формы

Шаблон «Модальное окно»

  • Внешний вид:

    • Ссылка на картинку — укажите ссылку на вертикальную картинку в примерном соотношении 4:3. Если картинка шире, то она равномерно обрежется по бокам под формат 4:3
  • Поведение при нажатии на in-app:

    • Ссылка перехода — ссылка или диплинк, по которой перейдет клиент при клике на картинку.
    • Payload — JSON-код, с помощью которого можно отправлять данные в формате JSON в приложение.
  • Крестик для закрытия:

    • Можно задать цвет, размер, толщину и расположение крестика.

Настройки крестика доступны в версиях SDK 2.8.0 (iOS, Android, Flutter) и выше. В более старых версиях будет показываться черный крестик с белой обводкой.

Снимок экрана 2023-10-02 в 14.00.48.png

Шаблон «Снекбар»

  • Внешний вид:

    • Ссылка на картинку — укажите ссылку на горизонтальную картинку в примерном соотношении 1:3. Если картинка у́же, то она равномерно обрежется сверху и снизу под формат 1:3
    • Расположение на экране — сверху или снизу.
    • Отступы от границ экрана — прозрачные границы примерно по 5% от ширины экрана с каждой стороны.
  • Поведение при нажатии на in-app:

    • Ссылка перехода — ссылка или диплинк, по которой перейдет клиент при клике на картинку.
    • Payload — JSON-код, с помощью которого можно отправлять данные в формате JSON в приложение.
  • Крестик для закрытия:

    • Можно задать цвет, размер, толщину и расположение крестика.
    • Если крестик в снекбаре не нужен, его можно убрать нажатием на иконку:

Снимок экрана 2023-10-09 в 15.42.12.png

Снимок экрана 2023-10-09 в 15.34.18.png

Общие настройки

Снимок экрана 2022-11-18 в 12.44.44.png

Здесь можете добавить дополнительные мобильные приложения, в которых нужно показывать in-app. Также сейчас в этом блоке показываются дата старта (с момента включения) и дата окончания (остановка вручную). В следующей версии раздела можно будет задавать даты старта/окончания самостоятельно.

Таргетинг

В таргетинге можно выбрать аудиторию показа in-app, используя:

  • пересчитываемый или статический сегмент клиентов;
  • географическое расположение пользователей (страна, регион, город). Определяется по IP. Доступно для версий SDK от 2.3.0

Снимок экрана 2023-01-31 в 22.29.27.png

Если ничего не указывать в таргетинге, то in-app будет показан всем пользователям приложения.

После настроек выше можно нажать на кнопку «Запустить» в правом верхнем углу. В течение 5 минут он будет готов для показа пользователям.

После запуска in-app его можно редактировать

Как In-App работает в приложении

Конкретный in-app показывается одному пользователю один раз за все время. Если пользователь попадает в таргетинг нескольких in-app, то он увидит по одному in-app за одну сессию, in-app будут показываться в разных сессиях в случайном порядке.

Один in-app не может быть показан клиенту дважды.

Закрыть in-app в приложени можно кликом на крестик или кликом в сторону от самого in-app.

Показ in-app и клик в нём отобразятся в карточке клиента.

Снимок экрана 2022-11-18 в 13.06.39.png

Анонимные действия по показам и кликам клиентов хранятся 30 дней. Если in-app был показан анониму, а он авторизовался в приложении через две недели, то мы запишем в его карточку показы и клики in-app, но если клиент попадет в систему более чем через 30 дней, то показы/клики in-app не будут записаны в его карточку в Mindbox.

Мобильные push-уведомления: правильно общаемся с пользователями мобильных устройств

Была ли эта статья полезной?