diff --git a/.env.local.example b/.env.local.example
index a23ef9dd..8f34bfe7 100644
--- a/.env.local.example
+++ b/.env.local.example
@@ -8,11 +8,11 @@ END_SESSION_URL=https://keycloakdomain.com/auth/realms/keycloakrealm/protocol/op
 REFRESH_TOKEN_URL=https://keycloakdomain.com/auth/realms/keycloakrealm/protocol/openid-connect/token
 
 # # Backend System variables
-NEXT_PUBLIC_BACKEND_URL= https://backendurl
-BACKEND_URL= https://backendurl
+NEXT_PUBLIC_BACKEND_URL= http://backendurl
+BACKEND_URL= http://backendurl
 
-NEXT_PUBLIC_BACKEND_GRAPHQL_URL=https://backendurl/api/graphql
-BACKEND_GRAPHQL_URL=https://backendurl/api/graphql
+NEXT_PUBLIC_BACKEND_GRAPHQL_URL=http://backendurl/api/graphql
+BACKEND_GRAPHQL_URL=http://backendurl/api/graphql
 
 NEXT_PUBLIC_ENABLE_ACCESSMODEL = 'false'
 NEXT_PUBLIC_ANALYTICS_URL ='https://analyticsurl'
@@ -27,3 +27,11 @@ SENTRY_ORG_NAME='orgname'
 SENTRY_PROJECT_NAME='projectname'
 NEXT_PUBLIC_PLATFORM_URL = 'https://platformurl'
 
+# Google Analytics
+NEXT_PUBLIC_GA_ID='G-XXXXXXXXXX'
+
+FEATURE_SITEMAPS='false'
+FEATURE_SITEMAP_BACKEND_BASE_URL= http://backendurl/api
+FEATURE_SITEMAP_ITEMS_PER_PAGE=5
+FEATURE_SITEMAP_CACHE_DURATION=3600
+FEATURE_SITEMAP_CHILD_CACHE_DURATION=21600
\ No newline at end of file
diff --git a/app/[locale]/(user)/datasets/[datasetIdentifier]/components/Details/index.tsx b/app/[locale]/(user)/datasets/[datasetIdentifier]/components/Details/index.tsx
index 07e8213f..eb4430d1 100644
--- a/app/[locale]/(user)/datasets/[datasetIdentifier]/components/Details/index.tsx
+++ b/app/[locale]/(user)/datasets/[datasetIdentifier]/components/Details/index.tsx
@@ -20,6 +20,7 @@ import {
 } from 'opub-ui';
 
 import { GraphQL } from '@/lib/api';
+import { useAnalytics } from '@/hooks/use-analytics';
 import { Icons } from '@/components/icons';
 
 const DetailsQuery: any = graphql(`
@@ -52,12 +53,20 @@ const DetailsQuery: any = graphql(`
 const Details: React.FC = () => {
   const params = useParams();
   const chartRef = useRef<ReactECharts>(null);
+  const { trackDataset } = useAnalytics();
 
   const { data, isLoading }: { data: any; isLoading: any } = useQuery(
     [`chartDetails_${params.id}`],
     () => GraphQL(DetailsQuery, {}, { datasetId: params.datasetIdentifier })
   );
 
+  // Track dataset view when component mounts
+  useEffect(() => {
+    if (params.datasetIdentifier) {
+      trackDataset(params.datasetIdentifier as string);
+    }
+  }, [params.datasetIdentifier, trackDataset]);
+
   const renderChart = (item: any) => {
     if (item.chartType === 'ASSAM_DISTRICT' || item.chartType === 'ASSAM_RC') {
       // Register the map
diff --git a/app/[locale]/(user)/usecases/[useCaseSlug]/UsecaseDetailsClient.tsx b/app/[locale]/(user)/usecases/[useCaseSlug]/UsecaseDetailsClient.tsx
index 111c83a8..ff52b638 100644
--- a/app/[locale]/(user)/usecases/[useCaseSlug]/UsecaseDetailsClient.tsx
+++ b/app/[locale]/(user)/usecases/[useCaseSlug]/UsecaseDetailsClient.tsx
@@ -3,6 +3,7 @@
 import Image from 'next/image';
 import Link from 'next/link';
 import { useParams } from 'next/navigation';
+import { useEffect } from 'react';
 import { graphql } from '@/gql';
 import { TypeDataset, TypeUseCase } from '@/gql/generated/graphql';
 import { useQuery } from '@tanstack/react-query';
@@ -10,6 +11,7 @@ import { Card, Text } from 'opub-ui';
 
 import { GraphQLPublic } from '@/lib/api';
 import { formatDate, generateJsonLd } from '@/lib/utils';
+import { useAnalytics } from '@/hooks/use-analytics';
 import BreadCrumbs from '@/components/BreadCrumbs';
 import { Icons } from '@/components/icons';
 import JsonLd from '@/components/JsonLd';
@@ -141,6 +143,7 @@ const UseCasedetails = graphql(`
 
 const UseCaseDetailClient = () => {
   const params = useParams();
+  const { trackUsecase } = useAnalytics();
 
   const {
     data: UseCaseDetails,
@@ -166,6 +169,14 @@ const UseCaseDetailClient = () => {
       },
     }
   );
+
+  // Track usecase view when data is loaded
+  useEffect(() => {
+    if (UseCaseDetails?.useCase) {
+      trackUsecase(UseCaseDetails.useCase.id, UseCaseDetails.useCase.title || undefined);
+    }
+  }, [UseCaseDetails?.useCase, trackUsecase]);
+
   const datasets = UseCaseDetails?.useCase?.datasets || []; // Fallback to an empty array
 
   const hasSupportingOrganizations =
diff --git a/app/[locale]/layout.tsx b/app/[locale]/layout.tsx
index 4478891c..ecb10ab1 100644
--- a/app/[locale]/layout.tsx
+++ b/app/[locale]/layout.tsx
@@ -4,8 +4,8 @@ import { notFound } from 'next/navigation';
 import { NextIntlClientProvider } from 'next-intl';
 import { unstable_setRequestLocale } from 'next-intl/server';
 
-import { siteConfig } from '@/config/site';
 import Provider from '@/components/provider';
+import GoogleAnalytics from '@/components/GoogleAnalytics';
 import locales from '../../config/locales';
 
 const fontSans = FontSans({ subsets: ['latin'], display: 'swap' });
@@ -80,6 +80,7 @@ export default async function LocaleLayout({
   return (
     <html lang={locale}>
       <body className={fontSans.className}>
+        <GoogleAnalytics />
         <NextIntlClientProvider locale={locale} messages={messages}>
           <Provider>{children}</Provider>
         </NextIntlClientProvider>
diff --git a/components/GoogleAnalytics/GoogleAnalytics.tsx b/components/GoogleAnalytics/GoogleAnalytics.tsx
new file mode 100644
index 00000000..17c43a42
--- /dev/null
+++ b/components/GoogleAnalytics/GoogleAnalytics.tsx
@@ -0,0 +1,77 @@
+'use client';
+
+import { useEffect, Suspense } from 'react';
+import { usePathname, useSearchParams } from 'next/navigation';
+import Script from 'next/script';
+import { GA_TRACKING_ID, pageview, trackEvent } from '@/lib/gtag';
+
+function GoogleAnalyticsInner() {
+  const pathname = usePathname();
+  const searchParams = useSearchParams();
+
+  useEffect(() => {
+    if (GA_TRACKING_ID && pathname) {
+      const url = pathname + (searchParams.toString() ? `?${searchParams.toString()}` : '');
+      
+      // Track page view
+      pageview(url);
+      
+      // Track additional page metadata
+      trackEvent('page_view_detailed', {
+        page_path: pathname,
+        page_location: url,
+        page_title: document.title,
+        // Extract route information
+        route_type: getRouteType(pathname),
+        locale: pathname.split('/')[1] || 'en',
+      });
+    }
+  }, [pathname, searchParams]);
+
+  return null;
+}
+
+export default function GoogleAnalytics() {
+  if (!GA_TRACKING_ID) {
+    return null;
+  }
+
+  return (
+    <>
+      <Script
+        strategy="afterInteractive"
+        src={`https://www.googletagmanager.com/gtag/js?id=${GA_TRACKING_ID}`}
+      />
+      <Script
+        id="gtag-init"
+        strategy="afterInteractive"
+        dangerouslySetInnerHTML={{
+          __html: `
+            window.dataLayer = window.dataLayer || [];
+            function gtag(){dataLayer.push(arguments);}
+            gtag('js', new Date());
+            gtag('config', '${GA_TRACKING_ID}', {
+              page_path: window.location.pathname,
+              send_page_view: false, // We handle page views manually
+            });
+          `,
+        }}
+      />
+      <Suspense fallback={null}>
+        <GoogleAnalyticsInner />
+      </Suspense>
+    </>
+  );
+}
+
+// Helper function to categorize routes
+function getRouteType(pathname: string): string {
+  if (pathname.includes('/datasets/')) return 'dataset_detail';
+  if (pathname.includes('/datasets')) return 'dataset_list';
+  if (pathname.includes('/usecases/')) return 'usecase_detail';
+  if (pathname.includes('/usecases')) return 'usecase_list';
+  if (pathname.includes('/dashboard')) return 'dashboard';
+  if (pathname.includes('/login')) return 'auth';
+  if (pathname === '/' || pathname.match(/^\/[a-z]{2}$/)) return 'home';
+  return 'other';
+}
diff --git a/components/GoogleAnalytics/index.ts b/components/GoogleAnalytics/index.ts
new file mode 100644
index 00000000..c722d745
--- /dev/null
+++ b/components/GoogleAnalytics/index.ts
@@ -0,0 +1 @@
+export { default } from './GoogleAnalytics';
diff --git a/docs/GOOGLE_ANALYTICS.md b/docs/GOOGLE_ANALYTICS.md
new file mode 100644
index 00000000..cfab01fe
--- /dev/null
+++ b/docs/GOOGLE_ANALYTICS.md
@@ -0,0 +1,150 @@
+# Google Analytics Integration
+
+This document describes how Google Analytics 4 (GA4) has been integrated into the DataSpace Frontend application.
+
+## Setup
+
+### 1. Environment Configuration
+
+Add your Google Analytics tracking ID to your environment variables:
+
+```bash
+# .env.local
+NEXT_PUBLIC_GA_ID='G-XXXXXXXXXX'
+```
+
+Replace `G-XXXXXXXXXX` with your actual Google Analytics 4 tracking ID.
+
+### 2. Files Added/Modified
+
+- `lib/gtag.ts` - Core Google Analytics utilities and tracking functions
+- `components/GoogleAnalytics/` - React component for GA initialization
+- `hooks/use-analytics.ts` - Custom hook for easy analytics tracking
+- `types/index.d.ts` - TypeScript definitions for gtag
+- `env.ts` - Environment variable validation
+- `app/[locale]/layout.tsx` - GA component integration
+
+## Usage
+
+### Basic Tracking
+
+The Google Analytics component is automatically loaded in the main layout and will track page views automatically.
+
+### Custom Event Tracking
+
+Use the `useAnalytics` hook for custom event tracking:
+
+```tsx
+import { useAnalytics } from '@/hooks/use-analytics';
+
+const MyComponent = () => {
+  const { track, trackDataset, trackUsecase, trackSearch } = useAnalytics();
+
+  const handleClick = () => {
+    track('button_click', { button_name: 'download' });
+  };
+
+  const handleDatasetView = (datasetId: string, title?: string) => {
+    trackDataset(datasetId, title);
+  };
+
+  // ... rest of component
+};
+```
+
+### Available Tracking Functions
+
+#### From `lib/gtag.ts`:
+- `pageview(url)` - Track page views
+- `event({ action, category, label, value })` - Generic event tracking
+- `trackEvent(eventName, parameters)` - Custom event tracking
+- `trackPageView(pagePath, pageTitle)` - Page view tracking
+- `trackUserInteraction(action, element)` - User interaction tracking
+- `trackDatasetView(datasetId, datasetTitle)` - Dataset view tracking
+- `trackUsecaseView(usecaseId, usecaseTitle)` - Usecase view tracking
+- `trackSearch(query, resultCount)` - Search query tracking
+- `trackDownload(fileName, fileType)` - File download tracking
+
+#### From `useAnalytics` hook:
+- `track(eventName, parameters)` - Generic event tracking
+- `trackPage(pagePath, pageTitle)` - Page view tracking
+- `trackInteraction(action, element)` - User interaction tracking
+- `trackDataset(datasetId, datasetTitle)` - Dataset view tracking
+- `trackUsecase(usecaseId, usecaseTitle)` - Usecase view tracking
+- `trackSearchQuery(query, resultCount)` - Search query tracking
+- `trackFileDownload(fileName, fileType)` - File download tracking
+
+## Examples
+
+### Track Dataset Views
+```tsx
+useEffect(() => {
+  if (datasetId) {
+    trackDataset(datasetId, datasetTitle);
+  }
+}, [datasetId, datasetTitle, trackDataset]);
+```
+
+### Track Search Queries
+```tsx
+const handleSearch = (query: string, results: any[]) => {
+  trackSearchQuery(query, results.length);
+};
+```
+
+### Track File Downloads
+```tsx
+const handleDownload = (fileName: string) => {
+  trackFileDownload(fileName, fileName.split('.').pop());
+};
+```
+
+### Track User Interactions
+```tsx
+const handleButtonClick = () => {
+  trackInteraction('click', 'export_button');
+};
+```
+
+## Implementation Details
+
+### Automatic Page Tracking
+
+The `GoogleAnalytics` component automatically tracks page views using Next.js router events. It's integrated into the main layout at `app/[locale]/layout.tsx`.
+
+### Privacy Considerations
+
+- Google Analytics only loads when `NEXT_PUBLIC_GA_ID` is provided
+- All tracking functions check for the presence of `window.gtag` before executing
+- The implementation follows Google's recommended practices for GA4
+
+### TypeScript Support
+
+Full TypeScript support is provided with proper type definitions for the `gtag` function and all tracking utilities.
+
+## Testing
+
+To test the implementation:
+
+1. Set up a Google Analytics 4 property
+2. Add the tracking ID to your `.env.local` file
+3. Run the application in development mode
+4. Open browser developer tools and check the Network tab for GA requests
+5. Use Google Analytics Real-time reports to verify events are being tracked
+
+## Troubleshooting
+
+### GA not loading
+- Verify `NEXT_PUBLIC_GA_ID` is set correctly
+- Check browser console for any JavaScript errors
+- Ensure ad blockers are not interfering
+
+### Events not tracking
+- Verify the `gtag` function is available (`window.gtag`)
+- Check that events are being called after GA initialization
+- Use browser developer tools to inspect network requests to Google Analytics
+
+### Development vs Production
+- GA tracking works in both development and production
+- Use different GA properties for development and production environments
+- Consider using Google Analytics Debug mode for development testing
diff --git a/env.ts b/env.ts
index e6848aec..23e7054a 100644
--- a/env.ts
+++ b/env.ts
@@ -11,7 +11,11 @@ export const env = createEnv({
     END_SESSION_URL: z.string().url(),
     REFRESH_TOKEN_URL: z.string().url(),
   },
-  client: {},
+  client: {
+    NEXT_PUBLIC_GA_ID: z.string().optional(),
+  },
 
-  experimental__runtimeEnv: {},
+  experimental__runtimeEnv: {
+    NEXT_PUBLIC_GA_ID: process.env.NEXT_PUBLIC_GA_ID,
+  },
 });
diff --git a/hooks/use-analytics.ts b/hooks/use-analytics.ts
new file mode 100644
index 00000000..c684473a
--- /dev/null
+++ b/hooks/use-analytics.ts
@@ -0,0 +1,68 @@
+import { useCallback } from 'react';
+import { 
+  trackEvent, 
+  trackPageView, 
+  trackUserInteraction, 
+  trackDatasetView, 
+  trackUsecaseView, 
+  trackSearch, 
+  trackDownload,
+  trackEngagement,
+  trackError,
+  trackScrollDepth
+} from '@/lib/gtag';
+
+export const useAnalytics = () => {
+  const track = useCallback((eventName: string, parameters?: Record<string, any>) => {
+    trackEvent(eventName, parameters);
+  }, []);
+
+  const trackPage = useCallback((pagePath: string, pageTitle?: string) => {
+    trackPageView(pagePath, pageTitle);
+  }, []);
+
+  const trackInteraction = useCallback((action: string, element: string) => {
+    trackUserInteraction(action, element);
+  }, []);
+
+  const trackDataset = useCallback((datasetId: string, datasetTitle?: string) => {
+    trackDatasetView(datasetId, datasetTitle);
+  }, []);
+
+  const trackUsecase = useCallback((usecaseId: string, usecaseTitle?: string) => {
+    trackUsecaseView(usecaseId, usecaseTitle);
+  }, []);
+
+  const trackSearchQuery = useCallback((query: string, resultCount?: number) => {
+    trackSearch(query, resultCount);
+  }, []);
+
+  const trackFileDownload = useCallback((fileName: string, fileType?: string) => {
+    trackDownload(fileName, fileType);
+  }, []);
+
+  const trackUserEngagement = useCallback((engagementType: string, value?: number) => {
+    trackEngagement(engagementType, value);
+  }, []);
+
+  const trackAppError = useCallback((errorType: string, errorMessage?: string, errorPage?: string) => {
+    trackError(errorType, errorMessage, errorPage);
+  }, []);
+
+  const trackScroll = useCallback((scrollPercentage: number) => {
+    trackScrollDepth(scrollPercentage);
+  }, []);
+
+  return {
+    track,
+    trackPage,
+    trackInteraction,
+    trackDataset,
+    trackUsecase,
+    trackSearchQuery,
+    trackFileDownload,
+    trackUserEngagement,
+    trackAppError,
+    trackScroll,
+  };
+};
diff --git a/lib/gtag.ts b/lib/gtag.ts
new file mode 100644
index 00000000..86d994e3
--- /dev/null
+++ b/lib/gtag.ts
@@ -0,0 +1,127 @@
+export const GA_TRACKING_ID = process.env.NEXT_PUBLIC_GA_ID;
+
+// https://developers.google.com/analytics/devguides/collection/gtagjs/pages
+export const pageview = (url: string) => {
+  if (typeof window !== 'undefined' && window.gtag) {
+    window.gtag('config', GA_TRACKING_ID!, {
+      page_path: url,
+    });
+  }
+};
+
+// https://developers.google.com/analytics/devguides/collection/gtagjs/events
+export const event = ({
+  action,
+  category,
+  label,
+  value,
+}: {
+  action: string;
+  category: string;
+  label?: string;
+  value?: number;
+}) => {
+  if (typeof window !== 'undefined' && window.gtag) {
+    window.gtag('event', action, {
+      event_category: category,
+      event_label: label,
+      value: value,
+    });
+  }
+};
+
+// Custom events for your application
+export const trackEvent = (eventName: string, parameters?: Record<string, any>) => {
+  if (typeof window !== 'undefined' && window.gtag) {
+    window.gtag('event', eventName, parameters);
+  }
+};
+
+// Track page views
+export const trackPageView = (pagePath: string, pageTitle?: string) => {
+  if (typeof window !== 'undefined' && window.gtag) {
+    window.gtag('config', GA_TRACKING_ID!, {
+      page_path: pagePath,
+      page_title: pageTitle,
+    });
+  }
+};
+
+// Track user interactions
+export const trackUserInteraction = (action: string, element: string) => {
+  trackEvent('user_interaction', {
+    action,
+    element,
+  });
+};
+
+// Track dataset views
+export const trackDatasetView = (datasetId: string, datasetTitle?: string) => {
+  trackEvent('dataset_view', {
+    dataset_id: datasetId,
+    dataset_title: datasetTitle,
+  });
+};
+
+// Track usecase views
+export const trackUsecaseView = (usecaseId: string, usecaseTitle?: string) => {
+  trackEvent('usecase_view', {
+    usecase_id: usecaseId,
+    usecase_title: usecaseTitle,
+  });
+};
+
+// Track search queries
+export const trackSearch = (query: string, resultCount?: number) => {
+  trackEvent('search', {
+    search_term: query,
+    result_count: resultCount,
+  });
+};
+
+// Track downloads
+export const trackDownload = (fileName: string, fileType?: string) => {
+  trackEvent('file_download', {
+    file_name: fileName,
+    file_type: fileType,
+  });
+};
+
+export const trackPageWithTiming = (pagePath: string, pageTitle?: string, loadTime?: number) => {
+  if (typeof window !== 'undefined' && window.gtag) {
+    window.gtag('config', GA_TRACKING_ID!, {
+      page_path: pagePath,
+      page_title: pageTitle,
+      custom_map: { metric1: 'page_load_time' },
+    });
+    
+    if (loadTime) {
+      window.gtag('event', 'timing_complete', {
+        name: 'page_load',
+        value: Math.round(loadTime),
+      });
+    }
+  }
+};
+
+export const trackEngagement = (engagementType: string, value?: number) => {
+  trackEvent('user_engagement', {
+    engagement_type: engagementType,
+    value: value,
+  });
+};
+
+export const trackError = (errorType: string, errorMessage?: string, errorPage?: string) => {
+  trackEvent('error', {
+    error_type: errorType,
+    error_message: errorMessage,
+    error_page: errorPage || window.location.pathname,
+  });
+};
+
+export const trackScrollDepth = (scrollPercentage: number) => {
+  trackEvent('scroll', {
+    scroll_depth: scrollPercentage,
+    page_path: window.location.pathname,
+  });
+};
diff --git a/package-lock.json b/package-lock.json
index 7f1ae402..7c491988 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -24,6 +24,7 @@
         "graphql": "^16.6.0",
         "graphql-request": "5.1.0",
         "graphql-tag": "^2.12.6",
+        "gtag": "^1.0.1",
         "holy-loader": "^2.2.10",
         "jwt-decode": "^4.0.0",
         "next": "^14.0.4",
@@ -15051,6 +15052,17 @@
         }
       }
     },
+    "node_modules/gtag": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/gtag/-/gtag-1.0.1.tgz",
+      "integrity": "sha512-BvWgeldFJq1MBpgf5LP0UXhcvdzdl5Sb+TmC+l2hskLn4EWS2IDEqW4dbkKx2sxOqm8tCDpedu0xden1DdlD/w==",
+      "bin": {
+        "gtag": "gtag.sh"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/handlebars": {
       "version": "4.7.8",
       "resolved": "https://registry.npmjs.org/handlebars/-/handlebars-4.7.8.tgz",
diff --git a/package.json b/package.json
index 11412068..e2656a7f 100644
--- a/package.json
+++ b/package.json
@@ -30,6 +30,7 @@
     "graphql": "^16.6.0",
     "graphql-request": "5.1.0",
     "graphql-tag": "^2.12.6",
+    "gtag": "^1.0.1",
     "holy-loader": "^2.2.10",
     "jwt-decode": "^4.0.0",
     "next": "^14.0.4",
diff --git a/types/index.d.ts b/types/index.d.ts
index cd954977..4fce7581 100644
--- a/types/index.d.ts
+++ b/types/index.d.ts
@@ -55,3 +55,10 @@ export type EditDistributionProps = {
   description: string;
   file: File[] | undefined;
 };
+
+declare global {
+  interface Window {
+    gtag: (...args: any[]) => void;
+    dataLayer: any[];
+  }
+}