Skip to main content
  1. Navigate to the app/layout.tsx file.
  2. Add the following code in the Start of <head> tag section.
Check out the How to Get Site ID page to get your site ID.
import Script from "next/script";

export default function RootLayout({
	children,
}: Readonly<{
	children: React.ReactNode;
}>) {
return (
	  <html lang="en">
	  <head>
        <Script
          src="https://cdn.jsdelivr.net/gh/trysurface/scripts@latest/surface_tag.min.js"
          data-site-id="SITE_ID" // Replace this with your Site ID
          strategy="beforeInteractive"
         />
      </head>
		<body>
		 {children}
		</body>
	  </html>
	);
}