Skip to main content
Erfahren Sie, wie Sie Ihren LanderLab-Funnel für fortgeschrittene Anwendungsfälle mit eigenem JavaScript erweitern. Mit LanderLab bauen Sie Funnels ohne Programmierung. Wenn Sie jedoch mehr Kontrolle über Verhalten, Logik oder Integrationen brauchen, können Sie eigenes JavaScript ergänzen.
Group 84

So funktioniert es

Beim Laden Ihres Quiz initialisiert LanderLab den Funnel und stellt seine Funktionalität über Events bereit. Sie können diese Events abhören und Ihr eigenes JavaScript ausführen, sobald im Funnel etwas passiert – etwa wenn das Quiz startet, ein Schritt angezeigt oder das Quiz abgesendet wird.

Die APIs nutzen

LanderLab bietet zwei zentrale APIs zur Anpassung:
  • Quiz-API – zur Interaktion mit dem Quiz (Werte lesen/setzen, Schritte navigieren, auf Blöcke zugreifen)
  • Events-API – um Aktionen im Funnel abzuhören (Initialisierung, Schrittansicht, Absenden, Klicks)
Sie können beide kombinieren, um eigene Funktionen zu bauen.

Auf die Quiz-API zugreifen

Die Quiz-API steht innerhalb von Events zur Verfügung.

Beispiel: Code beim Laden des Quiz ausführen

Beispiel: einen Feldwert aktualisieren

Beispiel: zwischen Schritten navigieren

Beispiel: auf das Absenden reagieren

Verfügbare Events

Sie können verschiedene Events abhören, darunter:
  • ll-quiz-init
  • ll-quiz-step-view
  • ll-quiz-step-leave
  • ll-quiz-button-click
  • ll-quiz-input-click
  • ll-quiz-submit

Wann Sie eigenes JavaScript einsetzen

Nutzen Sie eigenes JavaScript, wenn Sie Folgendes brauchen:
  • Eigene Logik oder Bedingungen
  • Integrationen mit externen Tools
  • Fortgeschrittenes Tracking
  • Dynamische Feldaktualisierungen
  • Eigene Navigation