# Next.js (https://talivia.com/docs/installation-guides/next-js)
Use the root layout so the tracker loads on every route.
## App Router [#app-router]
Open `app/layout.tsx` and add `next/script`.
```tsx
import Script from 'next/script';
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
{children}
);
}
```
Replace the website ID. Use the ID from Talivia Settings -> Tracking for this exact website.
## Pages Router [#pages-router]
If your app uses `pages/_document.tsx`, place the script before ` `.
```tsx
import { Html, Head, Main, NextScript } from 'next/document';
export default function Document() {
return (