Hilfe › Trigger und Regeln
Trigger und Regeln
Ein Trigger ist der Moment, in dem das Overlay erscheint. Mehrere dürfen aktiv sein, pro Seitenaufruf erscheint das Overlay höchstens einmal.
Die Trigger
| Trigger | Erkennt | Sinnvoll für |
|---|---|---|
| Verlassen | Die Maus wandert nach oben aus dem Fenster zur Browserleiste und bleibt dort eine Mindestzeit. Wahlweise nur links oben (Zurück-Knopf, Tabs), nur rechts oben (Schließen unter Windows und Linux) oder in beiden Ecken. War die Maus vorher lange still (Bildschirmschoner), zählt das Verlassen nicht | Desktop |
| Schnelles Hochscrollen | Ein ruckartiger Wisch nach oben, gemessen über eine Viertelsekunde; am Desktop gilt eine niedrigere Schwelle | Mobil, auch Desktop |
| Verweildauer | Der Besucher ist seit einer bestimmten Zeit auf der Seite, Zeit im Hintergrund-Tab zählt nicht | Alle |
| Inaktivität | Keine Maus, kein Tippen, kein Scrollen für eine Zeit | Alle |
| Scrolltiefe | Ein Anteil des scrollbaren Wegs ist erreicht; kurze Seiten lösen nicht aus | Lange Seiten, Ratgeber |
| Seitenzahl | Ab der n-ten Seite im Besuch, braucht Speicherung „Sitzung“ oder „dauerhaft“ | Alle |
| Rückkehr zum Tab | Der Besucher kommt zurück, nachdem der Tab mindestens eine Weile im Hintergrund war (anderer Tab, andere App) | Alle, besonders Vergleichskäufer |
| Zurück-Taste | Der Besucher kommt mit der Zurück-Taste auf eine Seite zurück, das Overlay erscheint dort frühestens nach einer Mindestzeit. Der Browserverlauf wird dabei nie verändert, die Zurück-Taste funktioniert immer normal | Alle |
| Eigene Trigger | Ihre Website ruft ChurnReturn.trigger('name') auf, etwa bei leerem Warenkorb. Namen unter „Eigene Trigger“ eintragen; sind welche eingetragen, feuern nur diese | Shops mit eigener Logik |
Trigger ausprobieren
Unter Trigger testen hat jeder Trigger der Demo eine eigene Seite: nur er ist dort scharf, die Seite sagt, was Sie tun müssen, um ihn auszulösen, und eine Statuszeile zeigt live, was das Skript gerade tut. Auf Ihrer eigenen Website geht das genauso: Hängen Sie ?cr_trigger=exit_intent (oder einen anderen Typ, für eigene Trigger cr_trigger=custom:name) an die Adresse einer Seite, dann ist nur dieser Trigger scharf und alle anderen bleiben aus, auch auf den nächsten Seiten in diesem Tab; ?cr_trigger=all hebt das wieder auf. So testen Sie jeden einzeln, ohne dass Verweildauer oder Inaktivität dazwischenfunken. Der Parameter gehört nicht zur Seite und stört die Produkterkennung nicht.
Single-Page-Anwendungen und Sprungmarken
Wechselt Ihre Website die Seite ohne Neuladen (React, Vue, Shopware-Storefront mit History-API), erkennt das Skript den Wechsel an pushState, replaceState und der Zurück-Taste: das Overlay verschwindet, Zeitmesser und Trigger starten neu, die URL-Regeln gelten für die neue Adresse, die Seitenzahl zählt weiter. Nutzt Ihr Router keine History-API, rufen Sie nach jedem Wechsel ChurnReturn.pageview() auf. Schnelles Hochscrollen zählt nur echte Eingaben mit Mausrad oder Finger; Sprungmarken, „Nach oben“-Buttons und weiches Scrollen per Skript lösen nichts aus.
Stufen
Jeder Trigger hat vier Stufen. „Träge“ löst selten und spät aus, „schnell“ früh und oft. Die Verwaltung zeigt unter jeder Stufe im Klartext, was sie für diesen Trigger bedeutet. Zum Start empfehlen wir „normal“.
| Stufe | Verweildauer | Inaktivität | Scrolltiefe | Seitenzahl | Verlassen, Mindestzeit |
|---|---|---|---|---|---|
| 1 träge | 120 s | 90 s | 90 % | ab 5. Seite | 8 s |
| 2 ruhig | 75 s | 60 s | 80 % | ab 4. Seite | 5 s |
| 3 normal | 45 s | 30 s | 70 % | ab 3. Seite | 3 s |
| 4 schnell | 20 s | 15 s | 50 % | ab 2. Seite | 1,5 s |
Geräte
Jeder Trigger gilt wahlweise für Desktop und Mobil, nur Desktop oder nur Mobil. Mobil ist ein Gerät mit Touch-Bedienung oder weniger als 768 Pixel Breite. Vorgabe: „Verlassen“ nur Desktop, „Schnelles Hochscrollen“ nur Mobil.
Reihenfolge
Feuern zwei Trigger im selben Moment, gewinnt der weiter oben stehende: Verlassen vor Hochscrollen vor Verweildauer vor Inaktivität vor Scrolltiefe vor Seitenzahl. Das Overlay selbst wird pro Seitenaufruf nur einmal geöffnet, auch wenn danach weitere Trigger feuern.
Häufigkeit
„Pause nach dem Anzeigen“ in Minuten und „Höchstens pro Tag“ begrenzen, wie oft ein Besucher das Overlay sieht. Beides braucht Speicherung im Browser, siehe Datenschutz und Einwilligung. Ohne Speicherung gilt der Schutz nur innerhalb eines Seitenaufrufs.
Schutzregeln
Unter „Trigger & Regeln“, gelten für alle Trigger, auch für eigene:
- Nicht während der Eingabe (Standard an): Steht der Cursor in einem Textfeld, etwa in der Suche, im Adressformular oder beim Gutscheincode, löst nichts aus.
- Nur für Besucher von außen (Standard aus): Das Overlay erscheint nur auf der Einstiegsseite von Besuchern, die von außen kommen (Werbung, Suche, Partnerlink, direkte Eingabe). Wer im Shop weiterklickt, sieht es nicht mehr. Der Trigger „Seitenzahl“ greift dann nicht.
- Fokus auf „Schließen“ (Standard an): Beim Öffnen landet der Tastaturfokus auf dem Schließen-Knopf, beim Schließen springt er zurück. Wichtig für Tastatur- und Screenreader-Nutzer.
- Nicht über anderen Fenstern: Solange ein Element zu den eingetragenen CSS-Selektoren sichtbar ist, etwa ein offener Warenkorb oder das Cookie-Banner, löst nichts aus.
Unabhängig davon löst nie etwas aus, solange der Tab im Hintergrund liegt.
Wo das Overlay erscheint
Unter „Trigger & Regeln“ in der Karte „Wo das Overlay erscheint“: Nur anzeigen auf (leer = alle Seiten) und Nie anzeigen auf nach Adresse, siehe URL-Regeln unten. Dazu nach Seiteninhalt per CSS-Selektor: Nur auf Seiten mit diesem Element, etwa .product-detail für reine Produktseiten, und Nie auf Seiten mit diesem Element, etwa .checkout-step oder eine eigene Markierung wie <div data-no-churnreturn>. Geprüft wird beim Auslösen, ob ein passendes Element auf der Seite steht, sichtbar oder nicht; das funktioniert auch in Single-Page-Shops. Ein fehlerhafter Selektor wirkt nicht.
URL-Regeln
Reguläre Ausdrücke auf Pfad und Query der Seite, eine Regel je Zeile. Beispiele:
| Regel | Wirkung |
|---|---|
/checkout | alle Adressen, die „/checkout“ enthalten |
^/$ | genau die Startseite |
^/en/ | alles unter /en/ |
[?&]utm_source=newsletter | Besuche aus dem Newsletter |
Nie anzeigen auf: typischerweise Warenkorb, Kasse, Konto, Bestellbestätigung. Nur beim ersten Besuch des Tages: Seiten, auf denen das Overlay nur einmal täglich beim ersten Laden erscheinen soll, etwa die Startseite. Das braucht ebenfalls Speicherung im Browser.
Weiter: Overlay gestalten →