Skip to Content
Snippet-InstallationCustom / eigene Site

Custom / eigene Site Verfügbar (v1)

Hast du eine eigene Website oder ein selbst gebautes Framework, füg das Snippet in dein site-weites Template / Layout ein — direkt vor </head>:

<script async src="https://cdn.visz.ai/v1/snippet.js?id=vz_dein_key"></script>

Entscheidend ist, dass die Zeile auf jeder Seite geladen wird (über das gemeinsame Layout/Template), nicht nur auf der Startseite.

Single-Page-Apps (React / Vue / Next / SPA)

SPAs werden automatisch erkannt — kein zusätzliches Setup nötig. Visz hängt sich an history.pushState / replaceState und an den bfcache, sodass Seitenwechsel ohne echten Reload korrekt als neue Pageviews gezählt werden.

Next.js: Füg das Snippet in das Root-Layout-<head> ein, oder nutze next/script mit strategy="afterInteractive":

import Script from "next/script";
 
export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://cdn.visz.ai/v1/snippet.js?id=vz_dein_key"
          strategy="afterInteractive"
        />
      </body>
    </html>
  );
}

Hinweise

  • Es gibt in Layer One kein npm-Paket — das Plain-Snippet ist der offizielle Weg, auch für React/Vue/Next.
  • Custom Events erfasst du danach über die JS-API: visz('event', name, props).

Danach: Weiter zur Verifizierung.

Zuletzt aktualisiert:

Last updated on
WebflowShopify