Реалізація воронки конверсії (Conversion Funnel) для мобільного застосунку

Реалізація воронки конверсії для мобільного додатку

Воронка конверсії без правильного трекінгу — це діаграма, яку рисує продакт за пам'яттю. З трекінгом — це цифри, які показують, де саме і у якого сегмента користувачів деньги йдуть сквозь пальці.

Стандартна помилка: трекати тільки початок і кінець воронки (checkout_started → payment_succeeded) й потім дивуватися, що 60% drop-off незрозумілі. Правильний підхід — трекати кожен крок з контекстом, достатнім для пояснення причини відвалу.

Проектування воронки

Перед реалізацією потрібно визначити:

1. Кроки воронки — атомарні події, однозначно відповідні прогресу користувача
2. Властивості кожного кроку — що потрібно знати про користувача й контекст на цьому кроці
3. Точки відвалу — що відбувається з користувачем, який не перейшов до наступного кроку

Приклад воронки e-commerce:

Крок 7 → 8 з 3ds_required = true дасть окрему гілку воронки. Без цієї властивості незрозуміло, чому на цьому кроці більше drop-off.

Реалізація трекінгу

// Android — типобезопасний wrapper для воронки
object CheckoutFunnel {
    fun trackStepCompleted(step: CheckoutStep, props: Map<String, Any> = emptyMap()) {
        val eventName = when (step) {
            CheckoutStep.ADDRESS -> "checkout_address_completed"
            CheckoutStep.PAYMENT_OPENED -> "checkout_payment_opened"
            CheckoutStep.PAYMENT_METHOD_SELECTED -> "checkout_payment_method_selected"
            CheckoutStep.PAYMENT_INITIATED -> "payment_initiated"
            CheckoutStep.PAYMENT_SUCCEEDED -> "payment_succeeded"
            CheckoutStep.PAYMENT_FAILED -> "payment_failed"
        }

        val baseProps = mapOf(
            "session_id" to sessionManager.currentSessionId,
            "cart_id" to cartManager.currentCartId,
            "user_id" to authManager.currentUserId,
            "timestamp" to System.currentTimeMillis()
        )

        analyticsClient.track(eventName, baseProps + props)
    }
}

// Використання у ViewModel
checkoutViewModel.onAddressConfirmed.observe(this) { address ->
    CheckoutFunnel.trackStepCompleted(
        CheckoutStep.ADDRESS,
        mapOf(
            "address_type" to if (address.isNew) "new" else "saved",
            "country" to address.country
        )
    )
}

// iOS — аналогічний підхід
enum CheckoutStep {
    case addressCompleted(isNew: Bool, country: String)
    case paymentOpened(availableMethods: [String])
    case paymentMethodSelected(method: String, requires3DS: Bool)
    case paymentSucceeded(orderId: String, total: Double, method: String)
    case paymentFailed(errorCode: String, method: String)
}

extension AnalyticsService {
    func track(checkoutStep: CheckoutStep) {
        let (eventName, props) = checkoutStep.analyticsPayload
        amplitude.track(eventType: eventName, eventProperties: props)
    }
}

extension CheckoutStep {
    var analyticsPayload: (String, [String: Any]) {
        switch self {
        case .paymentMethodSelected(let method, let requires3DS):
            return ("checkout_payment_method_selected", [
                "payment_method": method,
                "requires_3ds": requires3DS,
                "cart_id": CartManager.shared.currentCartId
            ])
        // ...
        }
    }
}

Побудова воронки в Amplitude

В Amplitude Funnel Analysis:

// Amplitude Chart — налаштування через UI або API
{
    "chart_type": "FUNNEL",
    "steps": [
        { "event_type": "product_viewed" },
        { "event_type": "add_to_cart" },
        { "event_type": "checkout_started" },
        { "event_type": "payment_succeeded" }
    ],
    "funnel_type": "ordered",          // строгий порядок
    "conversion_window": 7,            // 7 днів на прохождення воронки
    "conversion_window_unit": "days",
    "segment_definitions": [
        {
            "name": "iOS users",
            "filters": [{"subprop_key": "platform", "subprop_value": ["iOS"]}]
        },
        {
            "name": "Android users",
            "filters": [{"subprop_key": "platform", "subprop_value": ["Android"]}]
        }
    ]
}

conversion_window — критичний параметр. Для покупки товара 7 днів — розумно. Для підписки SaaS може бути й 30 днів. Занадто коротке вікно занижує конверсію.

Firebase Analytics Funnels

// Firebase funnel через Google Analytics
// Налаштовується в GA4 → Explore → Funnel Exploration
// Через API:
const { BetaAnalyticsDataClient } = require('@google-analytics/data');
const client = new BetaAnalyticsDataClient();

const [response] = await client.runFunnelReport({
    property: 'properties/YOUR_PROPERTY_ID',
    funnelSteps: [
        {
            name: 'Product Viewed',
            filterExpression: {
                filter: {
                    fieldName: 'eventName',
                    stringFilter: { value: 'product_viewed' }
                }
            }
        },
        {
            name: 'Add to Cart',
            filterExpression: {
                filter: {
                    fieldName: 'eventName',
                    stringFilter: { value: 'add_to_cart' }
                }
            }
        },
        {
            name: 'Purchase',
            filterExpression: {
                filter: {
                    fieldName: 'eventName',
                    stringFilter: { value: 'purchase' }
                }
            }
        }
    ],
    dateRanges: [{ startDate: '30daysAgo', endDate: 'today' }]
});

Аналіз причин drop-off

Чисті дані воронки говорять «тут теряємо 40%». Вони не говорять чому. Для розуміння причин:

• Сесійні записи на кроці drop-off (UXCam/Smartlook): що робили користувачі перед уходом
• Властивості користувачів в аналітиці: хто йде — нові чи повернулися, iOS чи Android, який план
• A/B тест на кроці з високим drop-off: перевірити гіпотезу про покращення

// Трекінг причини відвалу при abandonment
class PaymentViewModel : ViewModel() {
    override fun onCleared() {
        super.onCleared()
        if (!paymentCompleted) {
            CheckoutFunnel.trackStepCompleted(
                CheckoutStep.ABANDONED,
                mapOf(
                    "last_step" to currentStep.name,
                    "time_on_step_seconds" to stepTimer.elapsed(),
                    "error_shown" to lastErrorShown
                )
            )
        }
    }
}

Що ми робимо

• Проектуємо кроки воронки спільно з продактом: атомарні події з повним контекстом
• Реалізуємо type-safe wrapper для кожного кроку воронки
• Додаємо трекінг abandonment з причиною для ключових drop-off точок
• Налаштовуємо Funnel Report в Amplitude/Firebase з сегментацією по платформі й когорті
• Підключаємо Session Replay на кроках з найбільшим drop-off для якісного аналізу

Терміни

Проектування таксономії та реалізація трекінгу: 2–3 дні. Дашборди й першопочатковий аналіз: ще 1–2 дні. Вартість розраховується індивідуально.