Frameworks und SPAs

Pertento für React

Eine Single-Page-App braucht das Tag einmal, in der HTML-Hülle. Varianten überleben das Routing, statt je Ansicht neu angewandt zu werden.

Ein Skript-Tag · 0,9 KB · keine CookiesAlle Integrationen

Eine React-Single-Page-App lädt ein Dokument und verändert es dann, und das ist genau der Fall, den ein seitenweise arbeitendes Testwerkzeug schlecht behandelt. Pertento wird einmal in der HTML-Hülle installiert und bleibt für die Session aktiv: Während der Router Ansichten austauscht, gilt die Variante, die dem Besucher zugeordnet wurde, weiter, und Targeting-Regeln werden gegen den neuen Pfad erneut geprüft, ohne dass der Besucher neu zugeordnet wird. Das ist es, was einen Test auf einer Route tief in einer App genauso funktionieren lässt wie einen Test auf einer Landingpage.

Demo buchen Installationsanleitung

So funktioniert die Anbindung

Fügen Sie das Tag in den Head des Hüllendokuments ein, das die App ausliefert.
Zielen Sie über den Pfad und rechnen Sie damit, dass Regeln nach jedem Routenwechsel erneut geprüft werden.
Schicken Sie Expositions-Events weiter, wenn Conversions in den Analytics der App selbst gezählt werden.

Mehr in Frameworks und SPAs

Alle Integrationen

Next.jsRendern Sie das Tag im Root-Layout, damit es vor der Hydration lädt, und Varianten bleiben über clientseitige Routenwechsel bestehen.So funktioniert die Anbindung NuxtEin Eintrag in der Head-Konfiguration der App deckt jede Route ab, und er landet im serverseitig gerenderten HTML statt erst nach der Hydration.So funktioniert die Anbindung VueEinmal im HTML-Einstiegspunkt der App installiert, das Targeting wird bei jedem Routenwechsel erneut geprüft, ohne den Besucher neu zuzuordnen.So funktioniert die Anbindung

Pertento für React

Bessere Experimente, bessere Conversion