Conversion Funnels

Visualisieren und analysieren Sie mehrstufige Benutzerreisen, um zu sehen, wo Besucher abspringen und Ihre Konversionsraten zu optimieren.

Übersicht

Conversion Funnels helfen Ihnen zu verstehen, wie Benutzer auf kritischen Pfaden Ihrer Website fortschreiten:

• Benutzerreisen visualisieren - Sehen Sie den Ablauf vom ersten Schritt bis zur Konversion
• Ausfallstellen identifizieren - Finden Sie heraus, genau wo Benutzer den Prozess abbrechen
• Segmente vergleichen - Analysieren Sie die Funnel-Leistung nach Verkehrsquelle, Gerät oder Land
• Konversionen optimieren - Treffen Sie datengesteuerte Entscheidungen zur Verbesserung der Abschlussquoten

Funnels erstellen

Methode 1: Dashboard-UI

Erstellen Sie Funnels direkt in Ihrem Zenovay-Dashboard:

1. Öffnen Sie Domains und klicken Sie auf Ihre Website, um das Domain-Dashboard zu öffnen
2. Klicken Sie auf Create Funnel (Funnel erstellen)
3. Fügen Sie Ihre Schritte hinzu (mindestens 2 Schritte erforderlich)
4. Konfigurieren Sie den Auslöser für jeden Schritt (URL-Abgleich oder benutzerdefiniertes Event)
5. Speichern und starten Sie das Tracking

Methode 2: Code-basierte Funnels (Auto-Discovery)

Tracking-Funnel-Schritte direkt in Ihrem Code - Funnels und Schritte werden automatisch erstellt:

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

Funnel-Schritttypen

URL-Match-Schritte

Ausgelöst, wenn Besucher eine bestimmte Seite erreichen:

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

Benutzerdefinierte Event-Schritte

Ausgelöst, wenn ein bestimmtes benutzerdefiniertes Event trackiert wird:

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

Goal-Schritte

Verwenden Sie ein vorhandenes Ziel als Funnel-Schritt:

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

Beispiel-Funnels

E-Commerce-Checkout

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'

SaaS-Onboarding

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'

Content Engagement

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

Funnel Analytics

Metrics Dashboard

Jeder Funnel zeigt wichtige Metriken an:

Schritt-für-Schritt-Aufschlüsselung

Für jeden Schritt sehen Sie:

• Visitors Entered - Wie viele diesen Schritt erreicht haben
• Visitors Completed - Wie viele zum nächsten Schritt übergegangen sind
• Drop-off Count - Wie viele in diesem Schritt abgebrochen haben
• Drop-off Rate - Prozentsatz, der abgebrochen hat
• Conversion Rate - Prozentsatz, der übergegangen ist
• Avg. Time to Next - Zeitaufwand vor dem Fortschritt

Segmentierung

Analysieren Sie die Funnel-Leistung nach:

• Traffic Source - Vergleichen Sie Organic vs. Paid vs. Social
• Device Type - Desktop vs. Mobilgerät vs. Tablet
• Country - Unterschiede in der geografischen Leistung
• Campaign - UTM-Kampagnenvergleich

React Integration

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>;
}

Best Practices

Funnel-Design

Namenskonventionen

Verwenden Sie aussagekräftige, kleingeschriebene Namen mit Unterstrichen:

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

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

Gängige Funnel-Muster

1. Beginnen Sie am Einstiegspunkt - Beginnen Sie dort, wo Benutzer in den Ablauf eintreten
2. Enden Sie am Ziel - Der letzte Schritt sollte die Konversion sein
3. Beziehen Sie Entscheidungspunkte ein - Schritte, bei denen Benutzer häufig zögern
4. Überspringen Sie optionale Schritte - Konzentrieren Sie sich auf den kritischen Pfad
5. Testen Sie gründlich - Stellen Sie sicher, dass alle Schritte korrekt ausgelöst werden

Fehlerbehebung

Funnel zeigt 0% Konversion

Überprüfen Sie diese häufigen Probleme:

1. Schreitreihenfolge ist wichtig - Stellen Sie sicher, dass Schritte in der richtigen Reihenfolge trackiert werden
2. Besucher-ID-Konsistenz - Gleiche Besucher-ID über alle Schritte hinweg
3. Script geladen - Vergewissern Sie sich, dass das Tracking-Script auf allen Seiten geladen ist
4. URL-Muster - Bestätigen Sie, dass Muster zu tatsächlichen URLs passen

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

Schritte werden nicht automatisch erstellt

Für code-basierte Funnels:

1. Stellen Sie sicher, dass funnel_name ein gültiger String ist (Kleinbuchstaben, Unterstriche, Bindestriche)
2. Fügen Sie sowohl step (Nummer) als auch step_name (String) ein
3. Überprüfen Sie auf JavaScript-Fehler in der Konsole

API Reference

Für programmatische Funnel-Verwaltung siehe die Funnels API.

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

Funnel-Konfiguration und detaillierte Aufschlüsselungen werden über das Zenovay-Dashboard verwaltet.