feat: ga

AElfProject · Jul 26, 2024 · a3d6148 · a3d6148
1 parent 2e68e79
commit a3d6148
Show file tree

Hide file tree

Showing 5 changed files with 38 additions and 3 deletions.
diff --git a/.env b/.env
@@ -1 +1,2 @@
-BUILD_SERVER_BASE_URL=https://playground.test.aelf.dev
+BUILD_SERVER_BASE_URL=
+GA_TAG=
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -5,6 +5,8 @@ import { ThemeProvider } from "@/components/theme-provider";
 import { PropsWithChildren } from "react";
 import TopMenu from "@/components/top-menu";
 import clsx from "clsx";
+import { GoogleAnalytics } from "@next/third-parties/google";
+import { getGoogleAnalyticsTag } from "@/lib/env";
 
 const font = Poppins({
   weight: ["100", "200", "300", "400", "500", "600", "700", "800", "900"],
@@ -17,6 +19,8 @@ export const metadata: Metadata = {
 };
 
 export default function RootLayout({ children }: PropsWithChildren) {
+  const gaId = getGoogleAnalyticsTag();
+
   return (
     <html lang="en">
       <body className={clsx(font.className, "overflow-hidden")}>
@@ -30,6 +34,7 @@ export default function RootLayout({ children }: PropsWithChildren) {
           <main className="h-[calc(100vh-66px)] overflow-auto">{children}</main>
         </ThemeProvider>
       </body>
+      {gaId ? <GoogleAnalytics gaId={gaId} /> : null}
     </html>
   );
 }
diff --git a/lib/env.ts b/lib/env.ts
@@ -1,7 +1,15 @@
 import { unstable_noStore as noStore } from "next/cache";
 
-export function getBuildServerBaseUrl() {
+function getEnv(key: string) {
   noStore();
 
-  return process.env["BUILD_SERVER_BASE_URL"];
+  return process.env[key];
 }
+
+export function getBuildServerBaseUrl() {
+  return getEnv("BUILD_SERVER_BASE_URL");
+}
+
+export function getGoogleAnalyticsTag() {
+  return getEnv("GA_TAG");
+}
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -12,6 +12,7 @@
     "@codemirror/language": "^6.10.2",
     "@codemirror/legacy-modes": "^6.4.0",
     "@hookform/resolvers": "^3.9.0",
+    "@next/third-parties": "^14.2.5",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-dropdown-menu": "^2.1.1",