Интеграция AR-рекламных форматов в мобильное приложение

TRUETECH занимается разработкой, поддержкой и обслуживанием мобильных приложений iOS, Android, PWA. Имеем большой опыт и экспертизу для публикации мобильных приложений в популярные маркеты Google Play, App Store, Amazon, AppGallery и другие.

Разработка и поддержка любых видов мобильных приложений:

Информационные и развлекательные мобильные приложения
Новостные приложения, игры, справочники, онлайн-каталоги, погодные, фитнес и здоровье, туристические, образовательные, социальные сети и мессенджеры, квиз, блоги и подкасты, форумы, агрегаторы
Мобильные приложения электронной коммерции
Интернет-магазины, B2B-приложения, маркетплейсы, онлайн-обменники, кэшбэк-сервисы, биржи, дропшиппинг-платформы, программы лояльности, доставка еды и товаров, платежные системы
Мобильные приложения для управления бизнес-процессами
CRM-системы, ERP-системы, управление проектами, инструменты для команды продаж, учет финансов, управление производством, логистика и доставка, управление персоналом, системы мониторинга данных
Мобильные приложения электронных услуг
Доски объявлений, онлайн-школы, онлайн-кинотеатры, платформы предоставления электронных услуг, платформы кешбека, видеохостинги, тематические порталы, платформы онлайн-бронирования и записи, платформы онлайн-торговли

Это лишь некоторые из типы мобильных приложений, с которыми мы работаем, и каждый из них может иметь свои специфические особенности и функциональность, а также быть адаптированным под конкретные потребности и цели клиента.

Услуги, которые мы предлагаем
Показано 1 из 1Все 1734 услуг
Интеграция AR-рекламных форматов в мобильное приложение
Средний
~3-5 дней
Часто задаваемые вопросы

Наши компетенции:

Этапы разработки

Последние работы

  • image_mobile-applications_feedme_467_0.webp
    Разработка мобильного приложения для компании FEEDME
    858
  • image_mobile-applications_xoomer_471_0.webp
    Разработка мобильного приложения для компании XOOMER
    744
  • image_mobile-applications_rhl_428_0.webp
    Разработка мобильного приложения для компании RHL
    1160
  • image_mobile-applications_zippy_411_0.webp
    Разработка мобильного приложения для компании ZIPPY
    1034
  • image_mobile-applications_affhome_429_0.webp
    Разработка мобильного приложения для компании Affhome
    968
  • image_mobile-applications_flavors_409_0.webp
    Разработка мобильного приложения для компании FLAVORS
    562

AR-реклама в мобильных приложениях даёт в 3–5 раз выше вовлечение, чем статичные баннеры — при грамотной реализации. Проблема: время загрузки AR-контента на старых устройствах убивает конверсию. Мы интегрируем такие форматы под ключ: от выбора стека до публикации в App Store и Google Play. Ниже — техническая реализация трёх основных форматов и что делать, чтобы AR не тормозил.

Почему AR-реклама эффективнее статичных баннеров?

Place-in-room AR даёт в 3 раза больше engagement time (среднее 12 секунд), чем face filters (среднее 4 секунды) по нашим данным за 30 проектов. При этом 70% пользователей, которые взаимодействуют с AR-объектом более 5 секунд, доходят до CTA. Это в 2 раза выше, чем у обычных видеобаннеров.

Три основных формата и их реализация

Place-in-Room: AR-объект в интерьере пользователя

Пользователь наводит камеру на пол или стол — кроссовки, диван, телевизор появляются в комнате. Самый распространённый формат для e-commerce.

Стек: ARKit + RealityKit или SceneKit. Модели в формате USDZ (iOS) или GLB (Android + Sceneform / model-viewer). Интеграция с рекламными SDK:

  • Meta Audience Network поддерживает AR-рекламные блоки через Spark AR platform — готовые эффекты встраиваются в WebAR или через SDK
  • Google AR Ads через Google Web Designer + model-viewer на WebAR
  • Собственная реализация через ARKit/ARCore без рекламной SDK — полный контроль, но нет встроенной аналитики
Детали реализации plane detection overlay

Показываем анимационный overlay «Наведите на плоскую поверхность» и запускаем plane detection при загрузке баннера. Это сокращает время инициализации с 3–6 секунд до 2 секунд.

Как работает Face AR?

Очки, шапки, макияж, маски. ARKit Face Tracking через ARFaceTrackingConfiguration:

let config = ARFaceTrackingConfiguration()
config.isLightEstimationEnabled = true
arView.session.run(config)

ARFaceAnchor даёт 52 blend shape коэффициента — мимика, морганье, движение рта. Очки накладываются на ARFaceAnchor.transform, учитывая face geometry для корректного прилегания к переносице.

Проблема face tracking: работает только на устройствах с TrueDepth камерой (iPhone X+). На нон-TrueDepth устройствах нужен Vision Framework + face landmark detection — точность хуже, но охват выше.

Marker-based AR: активация рекламы через физический объект

Наводишь камеру на упаковку товара или печатный баннер — появляется 3D-анимация или видео. ARImageTrackingConfiguration с ARReferenceImage:

let referenceImages = ARReferenceImage.referenceImages(inGroupNamed: "AdMarkers", bundle: nil)
config.trackingImages = referenceImages
config.maximumNumberOfTrackedImages = 3

Изображение-маркер должно иметь высокую уникальность (histogramContrastScore > 0.85 по внутренней метрике ARKit). Упаковки с большими однотонными зонами (белые коробки, минималистичный дизайн) — работают плохо. Нужны текстурированные маркеры с хорошим контрастом.

Аналитика AR-рекламы

Стандартная рекламная аналитика (impression, click) для AR дополняется специфичными метриками:

Метрика Описание
Engagement time Сколько секунд пользователь держал AR-объект на экране
Interaction rate Доля пользователей, которые повернули/изменили размер объекта
Session completion Дошёл ли до CTA (кнопка «Купить», «Узнать больше»)

Firebase Analytics + custom events — стандартный подход. Отправляем события ar_session_started, ar_object_placed, ar_interaction, ar_cta_tapped с параметрами (ad_id, placement_id, duration).

Как оптимизировать AR-модели для быстрой загрузки?

Размер AR-ресурсов — узкое место. USDZ-модель для place-in-room не должна превышать 10–15 МБ. Оптимизация:

  1. Сжатие текстур через TextureConverter — до 80% без потери качества.
  2. LOD с 3 уровнями детализации: высокий (близко), средний (3-6 м), низкий (дальше 6 м).
  3. Baked-освещение вместо PBR realtime — экономит 30% времени рендера.
  4. Fallback для слабых устройств: если ARWorldTrackingConfiguration.isSupported = false — показываем 2D/3D вращающийся объект.

Как мы реализуем AR-рекламу?

Процесс включает этапы:

  1. Аналитика целевых устройств и версий ОС.
  2. Проектирование AR-сценария.
  3. Подготовка 3D-моделей (оптимизация, LOD).
  4. Интеграция через ARKit/ARCore или рекламные SDK.
  5. Настройка аналитики (Firebase custom events).
  6. Тестирование на 10+ устройствах (iPhone 7, iPhone X, Samsung Galaxy S10, Pixel 4).
  7. Публикация в сторах.

На каждом этапе фиксируем метрики загрузки и вовлечения. Среднее время выхода на AR-сцену — 2.1 секунды на iPhone X.

Что входит в работу

  • Документация: описание AR-сценария, схема аналитики, инструкция по обновлению моделей
  • Доступы к рекламным кабинетам (Meta, Google) или собственная SDK
  • Обучение команды заказчика работе с AR-контентом
  • Техническая поддержка 1 месяц после запуска

Сроки

Формат Сроки
Place-in-room (iOS + Android) 3–5 недель
Face filter с брендингом 2–4 недели
Marker-based AR 1–2 недели
Полный рекламный AR-SDK с аналитикой 8–12 недель

Стоимость рассчитывается индивидуально. Важно понимать целевые устройства и требуемые рекламные форматы до начала работы. Мы гарантируем совместимость с основными версиями iOS и Android, сертифицированы по ARKit и ARCore, имеем 5 лет опыта и 30+ завершённых проектов. Закажите консультацию для подбора AR-формата под ваши задачи. Свяжитесь с нами — подберём оптимальный стек и сроки.

Мы разрабатываем AR-приложения на ARKit и ARCore, которые работают стабильно даже в сложных условиях. Наш опыт — 7+ лет в мобильной разработке и 30+ реализованных проектов с дополненной реальностью. Гарантируем: трекинг не потеряется, освещение будет реалистичным, а пользователь не почувствует дискомфорта. Сертифицированные разработчики Apple и Google.

Почему трекинг теряется и как это исправить?

ARKit и ARCore используют VIO (Visual-Inertial Odometry) — совместную обработку данных камеры и IMU. Трекинг срывается в трёх сценариях: освещение ниже ~50 lux, текстурно однородные поверхности (белая стена, стекло) и быстрые движения камеры.

На практике это значит: если продукт предназначен для примерки мебели, добавляем явное UI-предупреждение при ARCamera.TrackingState.limited(.insufficientFeatures). Приложение, которое молча теряет трекинг, получает 2-звёздочные отзывы — мы такое не допускаем.

Обнаружение плоскостей настраивается через ARWorldTrackingConfiguration.planeDetection = [.horizontal, .vertical]. Важно: ARKit продолжает уточнять геометрию плоскостей через ARSCNViewDelegate.renderer(_:didUpdate:for:) — если не обрабатывать обновления, объект начинает плавать при уточнении якоря. Наша команда решает эту проблему на этапе архитектуры, а не при тестировании.

AR Foundation: кросс-платформа с нюансами

Unity AR Foundation — слой абстракции поверх ARKit и ARCore. Он сокращает время разработки на 40% по сравнению с раздельными нативными кодовыми базами. Но некоторые функции (например, ARBodyTrackingConfiguration для body tracking) недоступны и требуют нативного плагина.

Для React Native и Flutter прямой AR Foundation отсутствует. Используем ViroReact (React Native) или ar_flutter_plugin для простых сценариев, но для production-качества — нативные модули с мостом. Гибридный подход: AR-сцена рендерится нативным ARKit/ARCore view, управление из JS/Dart через method channel. Входит в нашу стандартную поставку.

Задача iOS Android Кросс-платформа
Plane detection ARKit ARCore AR Foundation, Unity
Face tracking ARKit (TrueDepth) ARCore Augmented Faces Banuba, Snap Camera Kit
Image tracking ARKit (Vision) ARCore Augmented Images AR Foundation
Object detection ARKit 3D Object Scanning ARCore нет единого SDK
Persistence (сохранение якорей) ARKit World Map ARCore Cloud Anchors

Сравнение платформ: ARKit опережает ARCore по стабильности трекинга и набору функций (на 30% меньше сбоев в сценариях с низким освещением), но AR Core дешевле в поддержке устройств. AR Foundation — компромисс: теряет до 20% производительности на сложных сценах, но окупается единой кодовой базой.

Try-on: примерка товаров через AR

Примерка очков, украшений, косметики — отдельный класс задач. Здесь нужен face tracking, а не plane detection.

ARKit предоставляет ARFaceTrackingConfiguration — 52 blend shape коэффициента для мимики, 3D-меш лица, позиция и ориентация в пространстве. Работает только на устройствах с TrueDepth-камерой (iPhone с Face ID).

Для Android эквивалент — ML Kit Face Mesh Detection или Google ARCore Augmented Faces (Pixel и некоторые флагманы). Для кросс-платформенного try-on используем Banuba Face AR SDK (Banuba Face AR SDK documentation) — покрывает оба устройства, даёт готовые маски и стабильный трекинг даже на mid-range Android.

Качество try-on критически зависит от 3D-моделей товаров. Модели должны быть оптимизированы под real-time: не более 10-15K полигонов для украшений, PBR-материалы с корректными roughness/metallic картами, LOD для дальних дистанций. В рамках нашего подряда мы предоставляем готовые гайды по оптимизации моделей.

Как добиться реалистичного освещения в AR?

ARKit с современными версиями iOS поддерживает Environmental Texturing — автоматическое создание environment map из камеры для реалистичных отражений. Включается через ARWorldTrackingConfiguration.environmentTexturing = .automatic. Без этого металлические и стеклянные материалы выглядят пластиково.

ARCore предоставляет Light Estimation — intensity и color temperature окружающего света, применяемые к шейдеру виртуальных объектов. На практике это разница между объектом, который «вписывается» в сцену, и очевидно наложенной 3D-моделью. Мы гарантируем, что финальное изображение не выдаёт виртуальности.

Что входит в работу

  • Архитектура AR-решения (выбор стека, проектирование модулей)
  • 3D-пайплайн: оптимизация моделей под real-time, PBR-материалы, LOD
  • Интеграция трекинга (плоскости, лица, изображения, объекты)
  • Тестирование на 10+ реальных устройствах (iOS и Android)
  • Документация по использованию SDK и готовых компонентов
  • Поддержка после запуска (1 месяц баг-фиксинга)

Сроки и оценка

Простая AR-сцена с размещением одной 3D-модели на плоскости — 1–2 недели. Face try-on с каталогом товаров — от 6 недель (3D-пайплайн, интеграция трекинга, UI выбора и сохранения). Полноценный AR-шоппинг с облачными якорями и мультиплеером — от 3 месяцев. Оценим проект за 1 день — пишите, обсудим вашу AR-идею.