From 4ea6f2374d2927666209a37c270ea95d2ba7d227 Mon Sep 17 00:00:00 2001
From: Neel Nemade <neelnemade12345@gmail.com>
Date: Sat, 1 Aug 2026 11:03:08 +0530
Subject: [PATCH] Move Google Analytics ID to config

---
 web/README.md         |  7 +++++++
 web/config.example.js |  3 ++-
 web/index.html        | 31 +++++++++++++++++++++++++------
 3 files changed, 34 insertions(+), 7 deletions(-)

diff --git a/web/README.md b/web/README.md
index 96b6592..511d434 100644
--- a/web/README.md
+++ b/web/README.md
@@ -13,9 +13,16 @@ Set:
 - `supabaseUrl` — your Supabase project URL  
 - `supabaseAnonKey` — anon or publishable key (safe for browser; protect data with RLS)  
 - `donateUrl` — optional  
+- `analyticsId` — optional Google Analytics Measurement ID (for example `G-XXXXXXXXXX`). Leave empty to disable analytics.
 
 `config.js` is gitignored in the public repo.
 
+### Google Analytics (optional)
+
+To enable Google Analytics on your deployment, set `analyticsId` in `web/config.js`.
+
+If `analyticsId` is left empty, no Google Analytics script is loaded.
+
 ## Deploy
 
 From repo root:
diff --git a/web/config.example.js b/web/config.example.js
index 3046c4c..47cbcdf 100644
--- a/web/config.example.js
+++ b/web/config.example.js
@@ -4,5 +4,6 @@ window.CAREEROPS_CONFIG = {
   supabaseUrl: 'https://YOUR_PROJECT.supabase.co',
   supabaseAnonKey: 'YOUR_SUPABASE_ANON_OR_PUBLISHABLE_KEY',
   // optional
-  donateUrl: ''
+  donateUrl: '',
+  analyticsId: ''
 }
diff --git a/web/index.html b/web/index.html
index 40afa8f..38bf650 100644
--- a/web/index.html
+++ b/web/index.html
@@ -5,13 +5,32 @@
 <!-- match-score-fix: 2026-07-23-v3-builder-hero -->
 <!-- gaps-ux-fix: 2026-07-23-v2-materials-insert -->
 
-<!-- Google tag (gtag.js) -->
-<script async src="https://www.googletagmanager.com/gtag/js?id=G-ZXKVCL5TGG"></script>
+<!-- Load local configuration if present -->
 <script>
-  window.dataLayer = window.dataLayer || [];
-  function gtag(){dataLayer.push(arguments);}
-  gtag('js', new Date());
-  gtag('config', 'G-ZXKVCL5TGG');
+  window.CAREEROPS_CONFIG = window.CAREEROPS_CONFIG || {};
+</script>
+<script src="config.js"></script>
+
+<script>
+  const analyticsId = window.CAREEROPS_CONFIG?.analyticsId;
+
+  if (analyticsId) {
+    const gaScript = document.createElement("script");
+    gaScript.async = true;
+    gaScript.src = `https://www.googletagmanager.com/gtag/js?id=${analyticsId}`;
+    document.head.appendChild(gaScript);
+
+    window.dataLayer = window.dataLayer || [];
+
+    function gtag() {
+      dataLayer.push(arguments);
+    }
+
+    window.gtag = gtag;
+
+    gtag("js", new Date());
+    gtag("config", analyticsId);
+  }
 </script>
 <link rel="preconnect" href="https://fonts.googleapis.com"><link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@300;400;600&display=swap" rel="stylesheet">
 <style>