umami

docker-compose.yml

@@ -81,6 +81,8 @@ services:
       R2_SECRET_ACCESS_KEY: ${R2_SECRET_ACCESS_KEY:-}
       R2_BUCKET_NAME: ${R2_BUCKET_NAME:-qrmaster-menus}
       R2_PUBLIC_URL: ${R2_PUBLIC_URL:-}
+      NEXT_PUBLIC_UMAMI_SRC: ${NEXT_PUBLIC_UMAMI_SRC:-}
+      NEXT_PUBLIC_UMAMI_ID: ${NEXT_PUBLIC_UMAMI_ID:-}      
     depends_on:
       db:
         condition: service_healthy

src/app/(main)/layout.tsx

@@ -18,13 +18,13 @@ export const metadata: Metadata = {
   robots: isIndexable
     ? { index: true, follow: true }
     : { index: false, follow: false },
-  icons: {
-    icon: [
-      { url: '/favicon1.png', sizes: '2048x2048', type: 'image/png' },
-    ],
-    shortcut: '/favicon1.png',
-    apple: '/favicon1.png',
-  },
+  icons: {
+    icon: [
+      { url: '/favicon1.png', sizes: '2048x2048', type: 'image/png' },
+    ],
+    shortcut: '/favicon1.png',
+    apple: '/favicon1.png',
+  },
   twitter: {
     card: 'summary_large_image',
     site: '@qrmaster',
@@ -63,9 +63,17 @@ export default function RootLayout({
               <FacebookPixel />
             </Suspense>
             {children}
+            {process.env.NEXT_PUBLIC_UMAMI_SRC && process.env.NEXT_PUBLIC_UMAMI_ID && (
+              <Script
+                defer
+                src={process.env.NEXT_PUBLIC_UMAMI_SRC}
+                data-website-id={process.env.NEXT_PUBLIC_UMAMI_ID}
+                strategy="afterInteractive"
+              />
+            )}            
           </Providers>
         </Suspense>
       </body>
     </html>
   );
-}
+}