Integrace pro Next.js

App Router (Next.js 13+)

Vložte skript do hlavního layout.tsx. Next.js se postará o to, aby se skript načetl pouze jednou a neblokoval vykreslování stránky.

app/layout.tsx

import Script from 'next/script'

export default function RootLayout({ children }) {
  return (
    <html lang="cs">
      <head>
        <Script
          src="https://dashfast.cz/script.js"
          data-domain="vasedomena.cz"
          data-api-key="YOUR_ID"
          strategy="afterInteractive"
        />
      </head>
      <body>{children}</body>
    </html>
  )
}

Pages Router

V Pages Routeru přidejte skript do souboru _app.tsx. Tím zajistíte sledování všech přechodů mezi stránkami.

pages/_app.tsx

import Script from 'next/script'

function MyApp({ Component, pageProps }) {
  return (
    <>
      <Script
        src="https://dashfast.cz/script.js"
        data-domain="vasedomena.cz"
        data-api-key="YOUR_ID"
        strategy="afterInteractive"
      />
      <Component {...pageProps} />
    </>
  )
}

SPA Navigace

Komponenta Script se strategií afterInteractive automaticky zajistí správné načtení. DashFast skript navíc automaticky detekuje změny URL (pushState), takže v Next.js funguje i bez dalšího nastavování.