Интеграция Smartlook в мобильное приложение: маскировка, аналитика

Типичная боль: пользователь жалуется на баг, но вы не можете его воспроизвести. Сессионная запись решает эту проблему — вы буквально видите, что делал пользователь. Однако без правильной интеграции запись либо ничего не покажет, либо сольёт чувствительные данные. Мы подключаем Smartlook к мобильному приложению за 4–8 часов, с учётом всех требований безопасности и аналитики. За более чем 5 лет работы с мобильной аналитикой мы выполнили более 20 проектов по интеграции сессионной записи. Наш опыт — ваша гарантия отсутствия утечек и быстрого старта. Закажите аудит — оценим проект и предложим оптимальный план.

Как интеграция Smartlook решает проблему утечки данных?

Smartlook по умолчанию записывает весь экран. Если не настроить маскировку, в сессию попадут номера карт, CVV, пароли. Мы настраиваем маскировку на уровне View и UIViewController (iOS) и через атрибуты XML или программно (Android). В режиме wire-frame UI-элементы отображаются схематично, текст не распознаётся — безопасно для продакшена. Это гарантирует соответствие стандартам безопасности, таким как GDPR и PCI DSS. В нашем проекте для финтех-стартапа мы закрыли 12 экранов за 2 часа — ни одна чувствительная строка не попала в запись. Smartlook SDK documentation.

Почему стоит выбрать автоматический трекинг событий?

Автоматический трекинг создаёт события для всех интерактивных элементов, но в дашборде они имеют нечитаемый идентификатор вроде UIButton@(123,456). Мы присваиваем каждому ключевому элементу кастомный slTrackId (iOS) или SmartlookHint (Android). После этого в воронках и фильтрах вы видите purchase_button_pdp, а не координаты. Это ускоряет запуск аналитики в 3 раза по сравнению с ручной разметкой событий. Например, в интернет-магазине мы разметили 50 кнопок за 1 день — ранее на это уходило 3 дня. Автоматический трекинг с кастомными именами в 3 раза лучше ручной разметки.

Как снизить избыточный трафик и стоимость?

Smartlook тарифицируется по количеству записанных сессий. Если записывать 100% сессий, бюджет улетит в космос. Мы настраиваем семплинг — 25% для случайных пользователей, 100% для премиум-сегмента. Это можно сделать как на старте SDK, так и динамически по условию. Семплинг позволяет сократить расходы на запись до 80%. Для крупного приложения с 1 млн пользователей в месяц разница между 100% и 25% записи — экономия в 4 раза. Wire-frame режим лучше screenshot: потребляет в 2 раза меньше трафика, сохраняя при этом структуру экрана.

Детали настройки семплинга

Семплинг настраивается через условие запуска SDK. Пример: записывать только премиум-пользователей (100%) и 20% остальных. Это даёт до 80% экономии без потери критических данных. Параметры семплинга:

• Случайный процент: от 1% до 100%.
• По свойствам пользователя: план, регион, дата регистрации.
• Динамическое изменение без обновления приложения.

Как мы подключаем Smartlook

Используем последнюю версию SDK: для iOS — Swift 5.9+ через Swift Package Manager, для Android — Kotlin с Gradle. Всё в одном блоке:

// iOS — интеграция
// Swift Package Manager: .package(url: "https://github.com/smartlook/smartlook-ios-sdk", from: "2.0.0")
import Smartlook

@main
struct MyApp: App {
    init() {
        Smartlook.setup(key: "YOUR_API_KEY")
        Smartlook.start()
    }
    var body: some Scene {
        WindowGroup { ContentView() }
    }
}

// Настройка рендеринга и автотрекинг
let config = Smartlook.SetupConfiguration(key: "YOUR_API_KEY")
config.renderingMode = .native  // wire-frame для конфиденциальности
Smartlook.setEventTrackingMode(.fullTracking)
Smartlook.setup(configuration: config)

// Маскировка view
view.slSensitive = true
// Имя элемента
purchaseButton.slTrackId = "purchase_button_pdp"

// Кастомные события и свойства пользователя
Smartlook.trackCustomEvent(name: "checkout", props: ["step": "payment"])
Smartlook.setUserIdentifier("user_123", sessionProperties: ["plan":"premium"])

// Android — интеграция
// build.gradle: implementation("com.smartlook.recording:app:2.+")
Smartlook.setupAndStartRecording("YOUR_API_KEY")

// Маскировка через XML
<EditText android:id="@+id/cvvField" app:smartlook_sensitive="true" />

// Имя элемента
SmartlookHint.setViewId(binding.purchaseButton, "purchase_button_pdp")

// Кастомные события
Smartlook.trackCustomEvent("checkout", mapOf("step" to "payment"))

Код для семплинга:

// Семплинг — запись по условию
if user.isPremium {
    Smartlook.start()
} else {
    if Int.random(in: 0..<5) == 0 { Smartlook.start() } // 20%
}

Сравнение режимов рендеринга

Wire-frame режим потребляет в 2 раза меньше трафика, чем screenshot.

Типы автоматических событий Smartlook

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

Подробная инструкция:

1. Определите чувствительные экраны: платёжные формы, ввод личных данных.
2. Для iOS: присвойте каждому защищаемому View свойство slSensitive = true, либо используйте Smartlook.setViewIsSensitive(view, isSensitive: true) для UIViewController.
3. Для Android: добавьте атрибут app:smartlook_sensitive="true" в XML или вызовите Smartlook.registerSensitiveView(view) программно.
4. Проверьте в тестовой сессии, что поля скрыты.

Почему мы настаиваем на автоматическом трекинге

Smartlook анализирует жесты и взаимодействия без единой строки кода. Вам не нужно размечать каждый UI-элемент — события создаются автоматически. Если потребуется точность, присвойте имена ключевым элементам. Это ускоряет запуск аналитики в разы. Кроме того, Smartlook API позволяет интегрировать тепловые карты и воронки для глубокой сессионной аналитики.

Что входит в работу (deliverables)

• Исходный код интеграции с комментариями на GitHub.
• Документация по маскировке и кастомным событиям.
• Настроенные воронки и дашборды в Smartlook.
• Обучение команды работе с сессиями (1 час).
• Поддержка после деплоя — 2 недели.

Напишите нам для консультации — свяжитесь с нами для аудита проекта. Закажите сейчас, и команда экспертов возьмётся за дело.

Процесс работы

1. Аналитика — разбираем текущую схему событий и выявляем «тёмные зоны».
2. Проектирование — определяем, какие экраны маскировать, какие элементы именовать, какой процент сессий записывать.
3. Интеграция — устанавливаем SDK, настраиваем параметры, пишем кастомные события.
4. Тестирование — проверяем маскировку, корректность событий, работу семплинга.
5. Деплой в App Store / Google Play — выгружаем новую сборку, отслеживаем первые сессии.

Сроки

Базовая интеграция — 4–8 часов. Если нужна глубокая разметка, кастомные события и воронки — 1–2 дня. Точная оценка рассчитывается индивидуально после аудита текущего проекта.

Аналитика мобильных приложений: 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 — бесплатно, глубокая интеграция с 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 проектами: 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 успешных проектов в сфере мобильной разработки. Мы гарантируем корректность данных и прозрачность каждого этапа.

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