Embudos de Conversión

Visualiza y analiza recorridos de usuarios de múltiples pasos para identificar dónde se abandona el flujo y optimiza tus tasas de conversión.

Descripción General

Los embudos de conversión te ayudan a comprender cómo progresan los usuarios a través de caminos críticos en tu sitio web:

• Visualiza Recorridos de Usuarios - Ve el flujo desde el primer paso hasta la conversión
• Identifica Abandonos - Encuentra exactamente dónde abandonan los usuarios el proceso
• Compara Segmentos - Analiza el rendimiento del embudo por fuente de tráfico, dispositivo o país
• Optimiza Conversiones - Toma decisiones basadas en datos para mejorar las tasas de finalización

Crear Embudos

Método 1: Interfaz del Panel

Crea embudos directamente desde tu panel de Zenovay:

1. Abre Dominios y haz clic en tu sitio para abrir el panel del dominio
2. Haz clic en Crear Embudo
3. Añade tus pasos (se requiere un mínimo de 2 pasos)
4. Configura el activador de cada paso (coincidencia de URL o evento personalizado)
5. Guarda y comienza a rastrear

Método 2: Embudos Basados en Código (Descubrimiento Automático)

Rastrea pasos del embudo directamente en tu código - los embudos y pasos se crean automáticamente:

// Track funnel step (auto-creates funnel if doesn't exist)
zenovay('track', 'funnel_step', 'checkout_flow', {
step: 1,
step_name: 'Cart Viewed'
});

// Track next step
zenovay('track', 'funnel_step', 'checkout_flow', {
step: 2,
step_name: 'Checkout Started'
});

// Track completion
zenovay('track', 'funnel_step', 'checkout_flow', {
step: 3,
step_name: 'Purchase Complete'
});

Tipos de Pasos del Embudo

Pasos de Coincidencia de URL

Se activan cuando los visitantes llegan a una página específica:

// Step configuration in dashboard
{
step_type: 'url_match',
url_pattern: '/checkout',
match_type: 'exact'  // or 'contains', 'starts_with', 'regex'
}

Pasos de Eventos Personalizados

Se activan cuando se rastrea un evento personalizado específico:

// Track the event in your code
zenovay('track', 'add_to_cart', {
product_id: 'sku-123',
quantity: 2
});

// Step configuration (in dashboard)
{
step_type: 'custom_event',
event_name: 'add_to_cart'
}

Pasos de Objetivos

Utiliza un objetivo existente como paso del embudo:

// Step configuration (in dashboard)
{
step_type: 'goal',
goal_id: 'your-goal-id'
}

Embudos de Ejemplo

Compra en Tienda Online

Step 1: Product Viewed    →  URL contains '/product/'
Step 2: Add to Cart       →  Event 'add_to_cart'
Step 3: View Cart         →  URL equals '/cart'
Step 4: Begin Checkout    →  URL equals '/checkout'
Step 5: Payment Details   →  URL equals '/checkout/payment'
Step 6: Order Complete    →  URL equals '/order/confirmation'

Incorporación de SaaS

Step 1: Signup Complete   →  URL equals '/welcome'
Step 2: Profile Setup     →  Event 'profile_completed'
Step 3: First Project     →  Event 'project_created'
Step 4: Team Invite       →  Event 'team_member_invited'
Step 5: Integration       →  Event 'integration_connected'

Interacción con Contenido

Step 1: Blog Visit        →  URL starts with '/blog/'
Step 2: Newsletter CTA    →  Event 'cta_clicked'
Step 3: Form Submission   →  Event 'newsletter_signup'

Análisis de Embudos

Panel de Métricas

Cada embudo muestra métricas clave:

Desglose Paso a Paso

Para cada paso, verás:

• Visitantes que Entraron - Cuántos llegaron a este paso
• Visitantes que Completaron - Cuántos procedieron al siguiente paso
• Recuento de Abandonos - Cuántos abandonaron en este paso
• Tasa de Abandono - Porcentaje que abandonó
• Tasa de Conversión - Porcentaje que procedió
• Tiempo Promedio hasta Siguiente - Tiempo dedicado antes de avanzar

Segmentación

Analiza el rendimiento del embudo por:

• Fuente de Tráfico - Compara orgánico vs. pagado vs. social
• Tipo de Dispositivo - Escritorio vs. móvil vs. tablet
• País - Diferencias de rendimiento geográfico
• Campaña - Comparación de campaña UTM

Integración React

import { useEffect } from 'react';

function CheckoutPage({ step }) {
useEffect(() => {
  const stepNames = {
    1: 'Cart Review',
    2: 'Shipping Info',
    3: 'Payment Details',
    4: 'Order Confirmation'
  };

  // Use the global zenovay object from the tracking script
  if (window.zenovay) {
    window.zenovay('track', 'funnel_step', 'checkout_flow', {
      step: step,
      step_name: stepNames[step]
    });
  }
}, [step]);

return <div>Checkout Step {step}</div>;
}

Mejores Prácticas

Diseño del Embudo

Convenciones de Nomenclatura

Usa nombres descriptivos en minúsculas con guiones bajos:

// Funnel names
'checkout_flow'
'user_onboarding'
'trial_to_paid'
'lead_generation'

// Step names
'cart_viewed'
'shipping_entered'
'payment_completed'

Patrones Comunes del Embudo

1. Comienza en el punto de entrada - Comienza donde los usuarios entran en el flujo
2. Termina en el objetivo - El paso final debe ser la conversión
3. Incluye puntos de decisión - Pasos donde los usuarios suelen dudar
4. Salta pasos opcionales - Enfócate en el camino crítico
5. Prueba completamente - Verifica que todos los pasos se activen correctamente

Solución de Problemas

Embudo Muestra 0% de Conversión

Verifica estos problemas comunes:

1. El orden de pasos importa - Asegúrate de que los pasos se rastrean en secuencia
2. Consistencia del ID de Visitante - Mismo ID de visitante en todos los pasos
3. Script Cargado - Verifica que el script de seguimiento está en todas las páginas
4. Patrones de URL - Confirma que los patrones coinciden con las URLs reales

// Enable debug mode
zenovay('debug');

// Track a funnel step
zenovay('track', 'funnel_step', 'my_funnel', {
step: 1,
step_name: 'First Step'
});

// Check console for:
// [Zenovay] Funnel step tracked: my_funnel, Step: 1

Los Pasos No se Crean Automáticamente

Para embudos basados en código:

1. Asegúrate de que funnel_name es una cadena válida (minúsculas, guiones bajos, guiones)
2. Incluye tanto step (número) como step_name (cadena)
3. Verifica si hay errores de JavaScript en la consola

Referencia de API

Para la administración programática de embudos, consulta la API de Embudos.

curl -X GET "https://api.zenovay.com/api/external/v1/analytics/{websiteId}" \
-H "X-API-Key: zv_YOUR_API_KEY"

La configuración del embudo y desgloses detallados se administran a través del panel de Zenovay.