Запись сессий пользователей: Session Replay с маскировкой

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

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

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

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

Услуги, которые мы предлагаем
Показано 1 из 1Все 1734 услуг
Запись сессий пользователей: Session Replay с маскировкой
Сложный
~5 дней
Часто задаваемые вопросы

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

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

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

  • image_mobile-applications_feedme_467_0.webp
    Разработка мобильного приложения для компании FEEDME
    858
  • image_mobile-applications_xoomer_471_0.webp
    Разработка мобильного приложения для компании XOOMER
    743
  • 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

Краш в продакшене, который не воспроизводится на тестовых устройствах, — частая боль мобильных команд. Session Replay даёт точную запись действий пользователя за секунды до ошибки, сокращая время поиска причины в 2–3 раза. За 15+ проектов (от финтеха до e-commerce) мы выработали практики, позволяющие записывать сессии с overhead менее 1% и полной маскировкой персональных данных, соответствующей GDPR и PCI DSS.

Что такое Session Replay и зачем он нужен?

Session Replay — технология, которая фиксирует все действия пользователя: тапы, скроллы, ввод текста. Полученная запись позволяет в точности воспроизвести сессию, что критически важно для отладки ошибок и анализа UX. Отличается от логирования тем, что даёт полную визуальную картину. При этом запись не требует вмешательства пользователя и работает в фоне.

Screenshot или Wire-frame: что выбрать?

Screenshot-based (UXCam, Smartlook) делает снимки экрана с частотой 1–5 fps, маскирует чувствительные области и отправляет на сервер. Точно передаёт кастомные View и WebView, но требует 200–500 KB трафика/мин и нагружает CPU на 3–8%.

Wire-frame based (Sentry, Datadog) сериализует View-иерархию — позиции, цвета, текст — и воспроизводит UI на сервере по шаблонам. Объём данных 50–150 KB/мин, CPU нагрузка < 1%. WebView и сложная графика не передаются точно. Выбор зависит от приоритета: точность или производительность.

Параметр Screenshot-based Wire-frame based
CPU (background) 3–8% < 1%
Трафик (мин) 200–500 KB 50–150 KB
Точность Высокая (все элементы) Средняя (пропуск WebView)

Как Session Replay помогает отлаживать краши?

Sentry SR для мобильных доступен с SDK 8.x, использует wire-frame подход. Ключевой параметр onErrorSampleRate = 1.0 — записывать replay для всех сессий с ошибкой. SDK буферизует последние N секунд в памяти и отправляет вместе с error report. Подробнее в документации Sentry Session Replay.

// iOS
import Sentry
SentrySDK.start { options in
    options.dsn = "https://[email protected]/project"
    options.experimental.sessionReplay = SentryReplayOptions(
        sessionSampleRate: 0.1,
        onErrorSampleRate: 1.0
    )
}
// Android
SentryAndroid.init(this) { options ->
    options.dsn = "https://[email protected]/project"
    options.experimental.sessionReplay.apply {
        sessionSampleRate = 0.1
        onErrorSampleRate = 1.0
    }
}

Как настроить маскировку чувствительных данных?

По умолчанию Sentry маскирует UITextField и поля с isSecureTextEntry = true. Этого недостаточно — нужно скрывать номера карт, персональные данные, OTP-поля. Пример для iOS и Android:

// iOS — маркировка View для маскировки
class PaymentCardView: UIView {
    override func didMoveToWindow() {
        super.didMoveToWindow()
        SentrySDK.replay.maskView(self)
    }
}

// Android — маскировка через тег
val cardNumberField = findViewById<EditText>(R.id.cardNumber)
cardNumberField.setTag(io.sentry.android.replay.Recorder.MASK_TAG, true)

Для SwiftUI и Jetpack Compose используйте модификаторы:

// SwiftUI
Text(userEmail).sentryReplayMask()

// Kotlin Compose
Text(text = cardNumber, modifier = Modifier.sentryReplayMask())

Мы гарантируем, что маскировка проходит аудит приватности в соответствии с GDPR и PCI DSS. Верификация осуществляется через Privacy Audit в Sentry/Datadog UI.

Интеграция с crash reports

В Sentry реплей автоматически прикрепляется к error report. В Datadog Session Replay связывается с RUM View — можно открыть экран и посмотреть replay с метриками (latency, FPS) на таймлайне.

Чек-лист внедрения
  • Выбор инструмента (Sentry / Datadog) под стек и бюджет.
  • Подключение SDK и настройка sample rate (onError = 1.0, session = 0.1).
  • Маркировка всех чувствительных экранов и полей (маскировка).
  • Проведение Privacy Audit.
  • Интеграция с существующими crash reports.
  • Документация по настройке и команда на поддержку.

Сравнение инструментов: Sentry vs Datadog

Критерий Sentry Session Replay Datadog Session Replay
Режим записи Wire-frame (по умолчанию) Wire-frame + screenshot
Маскировка Автоматическая + ручная Автоматическая (maskUserInput)
Интеграция с ошибками Автоматическая (error report) Через RUM
CPU нагрузка < 1% 1–3% (wire-frame)

Sentry wire-frame лучше по CPU, чем UXCam screenshot-режим, в 2–3 раза. Если нужна точная запись WebView — подойдёт Datadog в screenshot-режиме (CPU 3–8%).

Что входит в нашу работу по внедрению Session Replay

При заказе услуги вы получаете:

  • Аудит существующего приложения: определение чувствительных экранов и полей.
  • Выбор оптимального инструмента и подхода (screenshot/wire-frame).
  • Подключение SDK с настройкой sample rate и маскировки.
  • Разработку кастомных маскировок для специфических элементов UI.
  • Проведение Privacy Audit с формированием отчёта.
  • Интеграцию с вашей системой мониторинга ошибок (Sentry/Datadog).
  • Документацию по настройке и рекомендации для команды.
  • Поддержку на этапе тестирования и деплоя.

Процесс внедрения Session Replay

Внедрение проходит в 5 этапов:

  1. Аналитика — определяем экраны и чувствительные поля, выбираем инструмент (Sentry или Datadog).
  2. Подключение SDK — настройка onErrorSampleRate = 1.0, sessionSampleRate, конфигурация DSN.
  3. Настройка маскировки — маркировка всех полей ввода, карточных данных, OTP.
  4. Тестирование — проверка маскировки, Privacy Audit.
  5. Деплой — публикация в магазины, мониторинг метрик.

Пример: для финтех-проекта мы настроили маскировку 15 экранов за 2 дня. После аудита убедились, что ни один чувствительный символ не попал в запись.

Сроки и стоимость

Базовое подключение с маскировкой: 2–3 дня. Полная интеграция с аудитом приватности: 4–5 дней. Стоимость рассчитывается индивидуально. Экономия времени на отладку крашей после внедрения составляет до 60% — для команды из 5 разработчиков это может составлять существенную экономию в месяц.

Свяжитесь с нами для консультации по интеграции Session Replay. Получите оценку вашего проекта и рекомендации по инструменту.

Аналитика мобильных приложений: Firebase, Amplitude, AppsFlyer и атрибуция

Наша команда регулярно сталкивается с проектами, где аналитика уже «настроена», но реальных инсайтов нет. Типичный пример — стартап с 50k DAU: трекинг десятков событий без единого ответа на вопрос «почему пользователи не доходят до оплаты». За две недели мы построили базовую воронку и выяснили, что 70% аудитории отваливается на экране верификации номера телефона. После локализации бага retention вырос на 12%. Вывод: аналитика должна начинаться с конкретных вопросов, а не с трекинга всего подряд.

Почему таксономия событий — основа аналитики мобильных приложений?

Firebase Analytics, Amplitude, Mixpanel — технически похожи. Разница в том, что вы в них кладёте. Типичная ошибка: события screen_view, button_tap_1, button_tap_2 без контекста. Через месяц никто не помнит, что такое button_tap_2.

Правильная таксономия: объект + действие + контекст. product_viewed, checkout_started, payment_completed с параметрами product_id, category, price, source. Это позволяет строить воронки, когортный анализ и retention без дополнительного трекинга.

Мы фиксируем naming convention в tracking plan — документе (Google Sheet или Amplitude Data Catalog), где описано каждое событие, его параметры и условия срабатывания. Tracking plan синхронизируется с командой аналитиков до начала разработки, а не после. Такой подход гарантирует, что через месяц данные останутся интерпретируемыми, а не превратятся в свалку. Опыт внедрения на 50+ проектах подтверждает: при отсутствии tracking plan стоимость поддержки аналитики вырастает в 2-3 раза за счёт переделок.

Что выбрать для аналитики мобильных приложений: Firebase, Amplitude или Mixpanel?

Таблица ниже показывает ключевые различия трёх популярных платформ. Выбор зависит от бюджета, трафика и задач.

Критерий Firebase Analytics Amplitude Mixpanel
Бесплатный лимит Безлимит (в рамках Spark-плана) До 10 млн events/мес До 1 тыс. MTU/мес (Special)
Задержка данных До 24 часов (стандарт) Минуты (real-time) Минуты (real-time)
Воронки и когорты Базовые воронки, ограниченное количество Глубокие воронки, Journeys, когорты Funnels, Retention, Insights
BigQuery-экспорт Да (бесплатно, сырые данные) Да (подписка) Да (Enterprise)
Session Replay Нет Есть (iOS/Android SDK) Нет
Интеграция с рекламой Google Ads (нативная) Через Universal Links Через партнёров

Firebase Analytics — бесплатно, глубокая интеграция с Google Ads, BigQuery-экспорт для сырых данных. Ограничения: задержка данных до 24 часов, ограниченные воронки. Для стартапов с Google Ads трафиком — первый выбор.

Amplitude — продуктовая аналитика с акцентом на когорты и пути пользователя. Journeys (бывший Pathfinder) показывает реальные пути между событиями — не предполагаемые воронки, а фактические маршруты. Session Replay — запись сессий для UX-анализа. Бесплатный тир до 10 млн events/месяц достаточен для большинства продуктов на старте.

Mixpanel — ближе к Amplitude, сильнее в сегментации в реальном времени. Insights, Funnels, Retention — базовые инструменты, которые закрывают 90% аналитических задач продакта.

Более формальные определения этих платформ можно найти в Wikipedia и Wikipedia.

Как решить проблему мультиканальной атрибуции с AppsFlyer?

Знать откуда пришёл пользователь — отдельная задача. Firebase Attribution работает только внутри Google-экосистемы. Для мультиканальной атрибуции (Facebook Ads, TikTok, Apple Search Ads, programmatic) нужен MMP — Mobile Measurement Partner.

AppsFlyer — лидер рынка. OneLink — universal deep link, который работает на iOS и Android и корректно атрибутирует установку из любого канала. Protect360 — встроенная защита от fraud (фейковые установки, click injection на Android). Adjust и Branch — конкуренты с похожим функционалом. Branch силён в deep linking; Adjust популярен в gaming.

Согласно Apple, с iOS 14.5 приложения должны получать разрешение пользователя через ATT перед сбором IDFA для отслеживания. AppsFlyer использует probabilistic matching (IP + user agent + timing) для этих пользователей — точность ниже, но лучше чем ничего. SKAdNetwork и Privacy Preserving Attribution дают агрегированные данные от Apple с задержкой 24-72 часа.

Как настроить crash-аналитику, чтобы не пропускать баги?

Firebase Crashlytics — стандарт для crash reporting. Автоматически группирует крэши по стектрейсу, показывает affected users %, velocity alerts при росте crash rate более чем на 10% за час.

Важно: символикация. На iOS .dSYM файлы должны автоматически загружаться при каждой сборке — через Fastlane upload_symbols_to_crashlytics или Xcode Cloud built-in. Без символов крэш в Crashlytics выглядит как набор адресов памяти. Это происходит чаще чем кажется при переходе на новый CI — в одном проекте с аудиторией 500k пользователей мы обнаружили, что 40% крэшей оставались несимволизированными из-за пропущенного этапа в CI/CD. После автоматизации время реакции на баги сократилось с 3 часов до 15 минут.

Для React Native и Flutter — @sentry/react-native и sentry_flutter дают дополнительный контекст: breadcrumbs, сетевые запросы перед крэшем, состояние Redux/Provider.

Ниже — сравнение популярных инструментов crash-аналитики для выбора под свои задачи.

Критерий Firebase Crashlytics Sentry Instabug
Бесплатный лимит Безлимит (в рамках Spark) 5k events/мес 250 MAU
Группировка По стектрейсу + параметры По fingerprint По стектрейсу + метаданные
Символикация Автоматическая (через файл) Автоматическая (через CLI) Автоматическая
Velocity alerts Да (по % изменения) Да (по количеству) Да (по порогу)
Доп. контекст Logs, Keys, Custom Keys Breadcrumbs, User, Tags User steps, сетевые запросы
Цена Бесплатно (в Firebase) От $26/мес (Team) От $99/мес

Настройка окружения

Три окружения с отдельными Firebase проектами: dev, staging, production. Смешивать аналитику из тестовых сессий и production — распространённая ошибка, которая искажает все метрики. На iOS через GoogleService-Info.plist для каждой схемы, на Android через google-services.json в папке каждого flavor.

Сроки: базовая аналитика с Firebase + Crashlytics — 3-5 дней. Полноценный tracking plan + Amplitude/Mixpanel с воронками и когортами — 2-3 недели. Атрибуция через AppsFlyer с deep linking и fraud protection — 1-2 недели. Стоимость рассчитывается индивидуально в зависимости от сложности интеграций.

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

В рамках внедрения аналитики мы предоставляем:

  • Разработку и согласование tracking plan с командами продукта и маркетинга.
  • Интеграцию SDK (Firebase, Amplitude, Mixpanel, AppsFlyer) с учётом вашего стека (Swift/Kotlin/Flutter/React Native).
  • Настройку воронок, когорт, дашбордов и алертов.
  • Автоматизацию символикации и загрузки .dSYM через Fastlane.
  • Документацию по событиям и параметрам.
  • Обучение команды работе с аналитической платформой.
  • Две недели пост-релизной поддержки и корректировки трекинга.

Наш опыт — 7 лет внедрения аналитики и более 80 успешных проектов в сфере мобильной разработки. Мы гарантируем корректность данных и прозрачность каждого этапа.

Свяжитесь с нами, чтобы получить консультацию по настройке аналитики вашего приложения. Закажите аудит текущей аналитики — и мы покажем, какие метрики вы теряете.