Entonnoirs de Conversion

Visualisez et analysez les parcours utilisateurs multi-étapes pour identifier où les visiteurs abandonnent et optimiser vos taux de conversion.

Aperçu

Les entonnoirs de conversion vous aident à comprendre comment les utilisateurs progressent dans les chemins critiques de votre site web :

• Visualiser les Parcours Utilisateur - Voyez le flux de la première étape à la conversion
• Identifier les Abandons - Trouvez exactement où les utilisateurs abandonnent le processus
• Comparer les Segments - Analysez les performances de l'entonnoir par source de trafic, appareil ou pays
• Optimiser les Conversions - Prenez des décisions basées sur les données pour améliorer les taux de complétion

Créer des Entonnoirs

Méthode 1 : Interface du Tableau de Bord

Créez des entonnoirs directement dans votre tableau de bord Zenovay :

1. Ouvrez Domaines et cliquez sur votre site pour ouvrir le tableau de bord du domaine
2. Cliquez sur Créer un Entonnoir
3. Ajoutez vos étapes (minimum 2 étapes requises)
4. Configurez le déclencheur de chaque étape (correspondance d'URL ou événement personnalisé)
5. Enregistrez et commencez à suivre

Méthode 2 : Entonnoirs Basés sur le Code (Découverte Automatique)

Suivez les étapes d'entonnoir directement dans votre code - les entonnoirs et les étapes sont créés automatiquement :

// 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'
});

Types d'Étapes d'Entonnoir

Étapes de Correspondance d'URL

Se déclenchent lorsque les visiteurs atteignent une page spécifique :

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

Étapes d'Événements Personnalisés

Se déclenchent lorsqu'un événement personnalisé spécifique est suivi :

// 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'
}

Étapes d'Objectif

Utilisez un objectif existant comme étape d'entonnoir :

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

Exemples d'Entonnoirs

Tunnel de Paiement E-Commerce

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'

Intégration 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'

Engagement de Contenu

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

Analyse des Entonnoirs

Tableau de Bord des Métriques

Chaque entonnoir affiche les métriques clés :

Ventilation Étape par Étape

Pour chaque étape, vous verrez :

• Visitors Entered - Combien ont atteint cette étape
• Visitors Completed - Combien ont procédé à l'étape suivante
• Drop-off Count - Combien ont abandonné à cette étape
• Drop-off Rate - Pourcentage d'abandons
• Conversion Rate - Pourcentage d'accès
• Avg. Time to Next - Temps passé avant d'avancer

Segmentation

Analysez les performances de l'entonnoir par :

• Traffic Source - Comparez organique vs. payant vs. social
• Device Type - Bureau vs. mobile vs. tablette
• Country - Différences de performance géographique
• Campaign - Comparaison des campagnes UTM

Intégration 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>;
}

Bonnes Pratiques

Conception d'Entonnoir

Conventions de Nommage

Utilisez des noms descriptifs, en minuscules avec des tirets bas :

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

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

Modèles d'Entonnoir Courants

1. Commencez au point d'entrée - Commencez où les utilisateurs entrent dans le flux
2. Terminez par l'objectif - L'étape finale doit être la conversion
3. Incluez les points de décision - Étapes où les utilisateurs hésitent généralement
4. Ignorez les étapes optionnelles - Concentrez-vous sur le chemin critique
5. Testez complètement - Vérifiez que toutes les étapes se déclenchent correctement

Dépannage

L'Entonnoir Affiche 0% de Conversion

Vérifiez ces problèmes courants :

1. L'ordre des étapes importe - Assurez-vous que les étapes sont suivies en séquence
2. Cohérence de l'ID visiteur - Même ID visiteur sur toutes les étapes
3. Script chargé - Vérifiez que le script de suivi est sur toutes les pages
4. Modèles d'URL - Confirmez que les modèles correspondent aux URL réelles

// 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

Les Étapes ne se Créent pas Automatiquement

Pour les entonnoirs basés sur le code :

1. Assurez-vous que funnel_name est une chaîne valide (minuscules, tirets bas, tirets)
2. Incluez à la fois step (nombre) et step_name (chaîne)
3. Vérifiez les erreurs JavaScript dans la console

Référence API

Pour la gestion programmatique des entonnoirs, consultez la Documentation API des Entonnoirs.

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

La configuration des entonnoirs et les ventilations détaillées sont gérées via le tableau de bord Zenovay.