feat: add umami

src/app/layout.tsx

@@ -1,6 +1,7 @@
 import { dir } from "i18next"
 import { Metadata } from "next"
 import { headers } from "next/headers"
+import Script from "next/script"
 import { Toaster } from "react-hot-toast"
 
 import "@crossbell/connect-kit/colors.css"
@@ -8,7 +9,13 @@ import { updateIndexerFetchOptions } from "@crossbell/indexer"
 
 import "~/css/main.css"
 import { getAcceptLang } from "~/lib/accept-lang"
-import { APP_DESCRIPTION, APP_NAME, APP_SLOGAN, SITE_URL } from "~/lib/env"
+import {
+  APP_DESCRIPTION,
+  APP_NAME,
+  APP_SLOGAN,
+  SITE_URL,
+  UMAMI_ID,
+} from "~/lib/env"
 import { getColorScheme } from "~/lib/get-color-scheme"
 
 import { ColorSchemeInjector } from "./ColorSchemeInjector"
@@ -115,6 +122,13 @@ export default function RootLayout({
           {children}
         </Providers>
         <Toaster />
+        <Script
+          id="xlog-umami-analytics"
+          strategy="afterInteractive"
+          async
+          src="https://analytics.umami.is/script.js?xlog"
+          data-website-id={UMAMI_ID}
+        ></Script>
       </body>
     </html>
   )

src/lib/env.ts

@@ -34,3 +34,5 @@ export const WALLET_CONNECT_V2_PROJECT_ID =
   process.env.NEXT_PUBLIC_WALLET_CONNECT_V2_PROJECT_ID
 export const DEFAULT_AVATAR =
   "ipfs://bafkreiabgixxp63pg64moxnsydz7hewmpdkxxi3kdsa4oqv4pb6qvwnmxa"
+export const UMAMI_ID =
+  process.env.NEXT_PUBLIC_UMAMI_ID || "4f03105b-1d0d-4e49-823b-0342861c51de"