Using Analytics

Quickstart

Get analytics running in your Next.js App in seconds.

Install the package

Add the package to your project dependencies.

npm install @zeitgg/analytics

Add Analytics Provider

Wrap your application's root layout with the AnalyticsProvider, passing your analytics domain as as prop.

layout.tsx

import { AnalyticsProvider } from "@zeitgg/analytics";
 
export default function RootLayout({
  children,
}: Readonly<{
  children: React.ReactNode;
}>) {
  return (
    <html lang="en" className="dark" suppressHydrationWarning>
      <body className={`${inter.className} antialiased`}>
        <AnalyticsProvider domain="yourdomain.app">
          {children}
        </AnalyticsProvider>
      </body>
    </html>
  );
}

Replace "yourdomain.app" with the actual domain of your app.

That's it! 🎉 Page views are now being tracked automatically.

Using Analytics

Quickstart

Install the package

Add Analytics Provider

On this page