Eigenes CSS und JavaScript

Jede Variante kann neben den Änderungen, die durch Zeigen und Klicken entstehen, ihr eigenes CSS und ihr eigenes JavaScript enthalten. Hier gehören Animationen, bedingtes Verhalten, Anpassungen an Drittanbieter-Widgets und alles andere mit echter Logik hin. Das JavaScript einer Variante kann außerdem über pertento.data() die eigenen Daten der Seite lesen, etwa den Preis eines Produkts.

Der Code wird in das Bundle Ihrer Website eingebettet, das der Besucher lädt, er läuft also als Teil der Variante, statt separat abgerufen zu werden. Er wird ausgeführt, während die Seite noch vom Anti-Flicker-Stil verborgen ist, und genau das verhindert, dass eine per Skript vorgenommene Änderung als Sprung sichtbar wird.

Eine praktische Kleinigkeit, die man kennen sollte: Variantenspezifisches JavaScript läuft bei der Generierung durch einen TypeScript-Transpile-Schritt, sodass aus einer Codebasis eingefügte Typannotationen entfernt statt als Syntaxfehler ausgeliefert werden. Kann der Code gar nicht geparst werden, wird das Original unverändert eingebettet und der Build warnt unter Nennung der Variante, statt die Generierung für jede andere Website fehlschlagen zu lassen.

Eigener Code steht unter denselben Absicherungen wie alles andere. Eine Ausnahme wird abgefangen und gemeldet statt geworfen, und kein Fehlerpfad darf die Seite verborgen zurücklassen.