VisitorLeadFrameworks (Advanced)
Next.js
Install VisitorLead in a Next.js (App Router or Pages) site.
App Router
Add the tag in app/layout.tsx using next/script:
import Script from "next/script";
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="en">
<body>
<Script
id="visitorleadjs"
src="https://ingest.visitorlead.tech/vl.js"
data-code="YOUR_SITE_CODE"
strategy="afterInteractive"
/>
{children}
</body>
</html>
);
}Pages Router
In pages/_document.tsx, add the tag inside <Head>:
import { Html, Head, Main, NextScript } from "next/document";
export default function Document() {
return (
<Html>
<Head>
<script
id="visitorleadjs"
async
src="https://ingest.visitorlead.tech/vl.js"
data-code="YOUR_SITE_CODE"
/>
</Head>
<body>
<Main />
<NextScript />
</body>
</Html>
);
}Verify
Run next dev (or visit production), then check VisitorLead → Sessions.