Frameworks und SPAs

Pertento für SvelteKit

Das Tag gehört in das App-Template, damit es serverseitig gerendert wird, und die Zuordnung trägt über das clientseitige Routing von SvelteKit hinweg.

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

SvelteKit rendert auf dem Server und hydriert im Browser, das Tag gehört also in das Template der Anwendung, das den Head erzeugt, und nicht in eine Komponente, die nach der Hydration läuft. Dort platziert ist es in dem HTML, das der Besucher zuerst erhält, und genau das braucht ein Rendern ohne Aufblitzen. Nach der Hydration bleiben Varianten bestehen, während der Router zwischen Routen wechselt, und das SDK deckt alles ab, was eine load-Funktion entscheidet, bevor die Seite gebaut wird.

Demo buchen Installationsanleitung

So funktioniert die Anbindung

Fügen Sie das Tag in den Head des App-Templates ein, über dem Hydration-Bundle.
Nutzen Sie das SDK in load-Funktionen für Entscheidungen, die vor dem Rendern fallen.
Lassen Sie die Zuordnung über die clientseitige Navigation bestehen.

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 ReactEine Single-Page-App braucht das Tag einmal, in der HTML-Hülle. Varianten überleben das Routing, statt je Ansicht neu angewandt zu werden.So funktioniert die Anbindung

Pertento für SvelteKit

Bessere Experimente, bessere Conversion