Update: Move hardcoded Google Analytics ID to environment variable (#165)

sintaherena · web-flow · commit bdfbf7920036 · 2026-01-15T11:51:48.000+07:00
diff --git a/.env.example b/.env.example
@@ -2,4 +2,5 @@ NEXT_PUBLIC_LANDING_POST_CHATS_WEBHOOK=
 NEXT_PUBLIC_LANDING_GET_CHATS_WEBHOOK=
 NEXT_PUBLIC_LANDING_GET_FOLLOWUP_WEBHOOK=
 NEXT_PUBLIC_INFERENCEAI_POST_CHATS_WEBHOOK=
-NEXT_PUBLIC_INFERENCEAI_GET_CHATS_WEBHOOK=
+NEXT_PUBLIC_INFERENCEAI_GET_CHATS_WEBHOOK=
+NEXT_PUBLIC_GA_TRACKING_ID=
diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
@@ -12,6 +12,7 @@ env:
   NEXT_PUBLIC_LANDING_POST_CHATS_WEBHOOK: ${{ vars.NEXT_PUBLIC_LANDING_POST_CHATS_WEBHOOK }}
   NEXT_PUBLIC_LANDING_GET_CHATS_WEBHOOK: ${{ vars.NEXT_PUBLIC_LANDING_GET_CHATS_WEBHOOK }}
   NEXT_PUBLIC_LANDING_GET_FOLLOWUP_WEBHOOK: ${{ vars.NEXT_PUBLIC_LANDING_GET_FOLLOWUP_WEBHOOK }}
+  NEXT_PUBLIC_GA_TRACKING_ID: ${{ vars.NEXT_PUBLIC_GA_TRACKING_ID }}
 
 jobs:
   deploy:
@@ -35,6 +36,7 @@ jobs:
           NEXT_PUBLIC_LANDING_POST_CHATS_WEBHOOK: ${{ vars.NEXT_PUBLIC_LANDING_POST_CHATS_WEBHOOK }}
           NEXT_PUBLIC_LANDING_GET_CHATS_WEBHOOK: ${{ vars.NEXT_PUBLIC_LANDING_GET_CHATS_WEBHOOK }}
           NEXT_PUBLIC_LANDING_GET_FOLLOWUP_WEBHOOK: ${{ vars.NEXT_PUBLIC_LANDING_GET_FOLLOWUP_WEBHOOK }}
+          NEXT_PUBLIC_GA_TRACKING_ID: ${{ vars.NEXT_PUBLIC_GA_TRACKING_ID }}
 
       - name: Create CNAME file
         run: echo "hyperjump.tech" > out/CNAME
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,7 +1,6 @@
 import type { Metadata } from "next";
 import { GoogleAnalytics } from "@next/third-parties/google";
 
-import data from "@/data.json";
 import { cn } from "@/lib/utils";
 import { supportedLanguages } from "@/locales/.generated/types";
 import Console from "@/app/components/console";
@@ -11,15 +10,15 @@ import { figtree, geistMono, geistSans, switzer } from "./fonts";
 import "./globals.css";
 import { DEFAULT_OPENGRAPH } from "@/lib/default-metadata";
 
-const { gaId } = data;
-
 export const metadata: Metadata = DEFAULT_OPENGRAPH;
 
 export default function RootLayout({
   children
 }: Readonly<{
   children: React.ReactNode;
 }>) {
+  const GA_ID = process.env.NEXT_PUBLIC_GA_TRACKING_ID;
+
   return (
     <html lang={supportedLanguages[0]}>
       <head>
@@ -30,7 +29,7 @@ export default function RootLayout({
           name="format-detection"
           content="telephone=no, date=no, email=no, address=no"
         />
-        <GoogleAnalytics gaId={gaId} />
+        {GA_ID && <GoogleAnalytics gaId={GA_ID} />}
       </head>
       <body
         data-scroll="false"
diff --git a/data.json b/data.json
@@ -27,7 +27,6 @@
   ],
   "description": "Your partner in building reliable, modern software.",
   "github": "https://github.com/hyperjumptech",
-  "gaId": "GTM-TMWJV372",
   "socials": [
     {
       "platform": "LinkedIn",

Original file line number	Diff line number	Diff line change
`@@ -27,7 +27,6 @@`
`27`	`27`	`],`
`28`	`28`	`"description": "Your partner in building reliable, modern software.",`
`29`	`29`	`"github": "https://github.com/hyperjumptech",`
`30`		`- "gaId": "GTM-TMWJV372",`
`31`	`30`	`"socials": [`
`32`	`31`	`{`
`33`	`32`	`"platform": "LinkedIn",`