chore: Add web analytics

2026-03-10 20:03:11 +01:00
parent 6c4cc295b8
commit 1a1e3204ee
3 changed files with 24 additions and 4 deletions
@@ -6,6 +6,7 @@ import {toast, Toaster} from 'sonner';
 import {SWRConfig} from 'swr';
 import {network} from '../lib/network';
 import {DefaultSeo} from 'next-seo';
+import Script from 'next/script';

 /**
 * Main app component
@@ -15,10 +16,6 @@ import {DefaultSeo} from 'next-seo';
 */
 function App({Component, pageProps}: AppProps) {
  useEffect(() => {
-    if (typeof window === 'undefined') {
-      return;
-    }
-
    const searchParams = new URLSearchParams(window.location.search);
    const message = searchParams.get('message');

@@ -68,6 +65,13 @@ export default function WithProviders(props: AppProps) {
        additionalMetaTags={[{property: 'title', content: 'Plunk | The Open-Source Email Platform'}]}
      />

+      <Script
+        defer
+        src="https://analytics.driaug.com/script.js"
+        data-website-id="6ed9fa6c-3a75-4926-ad4d-f607557f79f1"
+        data-domains="www.useplunk.com"
+      />
+
      <App {...props} />
    </SWRConfig>
  );
@@ -14,6 +14,7 @@ import {network} from '../lib/network';
 import dayjs from 'dayjs';
 import relativeTime from 'dayjs/plugin/relativeTime';
 import advancedFormat from 'dayjs/plugin/advancedFormat';
+import Script from 'next/script';

 // Configure dayjs plugins globally
 dayjs.extend(relativeTime);
@@ -112,6 +113,14 @@ export default function WithProviders(props: AppProps) {
        }}
      >
        <DefaultSeo titleTemplate="%s | Plunk" defaultTitle="Plunk | Email Platform Dashboard" />
+
+        <Script
+          defer
+          src="https://analytics.driaug.com/script.js"
+          data-website-id="5880df93-9025-41ae-8e33-7c3da865f764"
+          data-domains="next-app.useplunk.com"
+        />
+
        <ActiveProjectProvider>
          <Root {...props} />
        </ActiveProjectProvider>
@@ -1,6 +1,7 @@
 import './global.css';
 import {DocsLayout} from 'fumadocs-ui/layouts/docs';
 import {RootProvider} from 'fumadocs-ui/provider/next';
+import Script from 'next/script';
 import type {ReactNode} from 'react';
 import React from 'react';

@@ -64,6 +65,12 @@ export default function Layout({children}: {children: ReactNode}) {
        <meta name="theme-color" content="#ffffff" />
        <link rel="manifest" href="/favicon/site.webmanifest" />
      </head>
+      <Script
+        defer
+        src="https://analytics.driaug.com/script.js"
+        data-website-id="ba0b7094-e693-492e-902a-c62aab868715"
+        data-domains="docs.useplunk.com"
+      />
      <body className="flex flex-col min-h-screen antialiased text-neutral-800" suppressHydrationWarning>
        <RootProvider
          theme={{