# Next.js (https://talivia.com/zh-CN/docs/installation-guides/next-js)
请使用根布局，让追踪器在每个路由中加载。
## 应用路由器 [#应用路由器]
打开 `app/layout.tsx` 并添加 `next/script`。
```tsx
import Script from 'next/script';
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
{children}
);
}
```
请替换网站编号。使用 Talivia“设置 → 数据追踪”中该网站对应的编号。
## 页面路由器 [#页面路由器]
如果应用使用 `pages/_document.tsx`，请将脚本放在 ` ` 之前。
```tsx
import { Html, Head, Main, NextScript } from 'next/document';
export default function Document() {
return (