Інтеграція AR-рекламних форматів у мобільний застосунок

Інтеграція AR-рекламних форматів у мобільний додаток

AR-реклама — це не баннер з 3D-анімацією. Це або примірка продукту (try-on), або розміщення об'єкта у просторі користувача (place-in-room), або face filter з брендингом. Кожен формат — окремий технічний стек та окремі вимоги до інтеграції.

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

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 — повний контроль, але немає вбудованої аналітики

Ключовий момент — час ініціалізації. Рекламний AR-блок повинен працювати за 2–3 секунди від тапу до AR-сцени. Plane detection без LiDAR — 3–6 секунд. Користувачі йдуть. Рішення: показуємо анімований overlay "Наведіть на плоску поверхню" та запускаємо plane detection заздалегідь, при завантаженні баннера.

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 МБ — інакше користувач йде під час завантаження. Оптимізація: стиснення текстур через TextureConverter, LOD з 3 рівнями деталізації, baked освітлення замість PBR realtime.

Fallback для слабких пристроїв. iPhone 7 не підтримує ARKit з площинами нормально. Детектуємо через ARWorldTrackingConfiguration.isSupported та показуємо 2D/3D обертаючий об'єкт як деградацію — краще, ніж білий екран.

Сроки

Вартість розраховується індивідуально. Важливо розуміти цільові пристрої та потрібні рекламні формати до початку роботи.