diff --git a/src/app/api/analytics/download-count/route.ts b/src/app/api/analytics/download-count/route.ts
index afac36b..dbfd7da 100644
--- a/src/app/api/analytics/download-count/route.ts
+++ b/src/app/api/analytics/download-count/route.ts
@@ -1,16 +1,24 @@
 import { NextResponse } from 'next/server';
+import { BetaAnalyticsDataClient } from '@google-analytics/data';
 
-// Note: This is a simplified implementation for demonstration.
-// For production, you would need to:
-// 1. Install Google Analytics Data API: npm install @google-analytics/data google-auth-library
-// 2. Set up a service account with GA4 read permissions
-// 3. Add environment variables for authentication
+// Note: This implementation uses the Google Analytics Data API (GA4).
+// It requires:
+// 1. @google-analytics/data and google-auth-library installed
+// 2. A service account with GA4 read permissions configured via Application Default Credentials
+// 3. GA4_PROPERTY_ID environment variable set to your GA4 property ID
+
+const analyticsDataClient = new BetaAnalyticsDataClient({
+  credentials: JSON.parse(
+    process.env.GOOGLE_APPLICATION_CREDENTIALS_JSON || '{}'
+  ),
+});
 
 export async function GET(request: Request) {
   const { searchParams } = new URL(request.url);
   const fileName = searchParams.get('fileName');
   const fileType = searchParams.get('fileType');
   const resourceType = searchParams.get('resourceType');
+  const bannerAnalyticsId = searchParams.get('banner_analytics_id');
 
   if (!fileName) {
     return NextResponse.json({ error: 'fileName is required' }, { status: 400 });
@@ -18,24 +26,81 @@ export async function GET(request: Request) {
 
   try {
     const measurementId = process.env.NEXT_PUBLIC_GA_MEASUREMENT_ID;
+    const propertyId = process.env.GA4_PROPERTY_ID;
     
     if (!measurementId) {
       console.error('NEXT_PUBLIC_GA_MEASUREMENT_ID not configured');
       return NextResponse.json({ error: 'Analytics not configured' }, { status: 500 });
     }
 
-    // For now, return a mock count that simulates GA data
-    // In production, this would query the actual Google Analytics Data API
-    const mockCount = Math.floor(Math.random() * 1000) + 50; // Random count between 50-1050
-    
-    //console.log(`[Analytics] Fetching download count for: ${fileName} (${fileType}, ${resourceType})`);
-    
+    if (!propertyId) {
+      console.error('GA4_PROPERTY_ID not configured');
+      return NextResponse.json({ error: 'Analytics property not configured' }, { status: 500 });
+    }
+
+    if (!bannerAnalyticsId) {
+      console.error('banner_analytics_id is required to fetch download count');
+      return NextResponse.json({ error: 'banner_analytics_id is required' }, { status: 400 });
+    }
+
+    const bannerId = bannerAnalyticsId as string;
+
+    const property = propertyId.startsWith('properties/')
+      ? propertyId
+      : `properties/${propertyId}`;
+
+    const [report] = await analyticsDataClient.runReport({
+      property,
+      dateRanges: [{ startDate: '2025-11-11', endDate: 'today' }],
+      dimensions: [
+        { name: 'eventName' },
+        { name: 'customEvent:banner_analytics_id' },
+      ],
+      metrics: [{ name: 'eventCount' }],
+      dimensionFilter: {
+        andGroup: {
+          expressions: [
+            {
+              filter: {
+                fieldName: 'eventName',
+                stringFilter: {
+                  matchType: 'EXACT',
+                  value: 'resource_file_download',
+                },
+              },
+            },
+            {
+              filter: {
+                fieldName: 'customEvent:banner_analytics_id',
+                stringFilter: {
+                  matchType: 'EXACT',
+                  value: bannerId,
+                },
+              },
+            },
+          ],
+        },
+      },
+    });
+
+    let count = 0;
+    if (report.rows && report.rows.length > 0) {
+      const metricValue = report.rows[0].metricValues?.[0]?.value;
+      if (metricValue !== undefined) {
+        const parsed = parseInt(metricValue || '0', 10);
+        if (!Number.isNaN(parsed)) {
+          count = parsed;
+        }
+      }
+    }
+
     return NextResponse.json({ 
-      count: mockCount,
+      count,
       fileName,
       fileType,
       resourceType,
-      source: 'mock_data' // This indicates it's mock data
+      bannerAnalyticsId,
+      source: 'ga4_data_api'
     });
 
   } catch (error) {
diff --git a/src/app/api/banners/route.ts b/src/app/api/banners/route.ts
index 3e29c18..52cf457 100644
--- a/src/app/api/banners/route.ts
+++ b/src/app/api/banners/route.ts
@@ -128,7 +128,6 @@ export async function GET(req: NextRequest) {
           ...baseBanner,
           templateType: 'resource-project',
           resourceType: banner.ResourceProject?.ResourceFile?.ResourceType,
-          downloadCount: banner.ResourceProject?.ResourceFile?.DownloadCount,
           lastUpdated: banner.ResourceProject?.ResourceFile?.LastUpdated 
             ? new Date(banner.ResourceProject.ResourceFile.LastUpdated).toISOString() 
             : undefined,
diff --git a/src/components/Banners/ResourceProjectBanner.tsx b/src/components/Banners/ResourceProjectBanner.tsx
index 1e9d0ad..a60ccd6 100644
--- a/src/components/Banners/ResourceProjectBanner.tsx
+++ b/src/components/Banners/ResourceProjectBanner.tsx
@@ -18,6 +18,7 @@ interface ResourceProjectBannerProps extends ResourceProjectProps {
 }
 
 const ResourceProjectBanner: React.FC<ResourceProjectBannerProps> = ({
+  id,
   title,
   description,
   subtitle,
@@ -33,14 +34,13 @@ const ResourceProjectBanner: React.FC<ResourceProjectBannerProps> = ({
   endDate,
   badgeText,
   resourceType,
-  downloadCount: initialDownloadCount,
   lastUpdated,
   fileSize,
   fileType,
   trackingContext = 'resource-project',
   className = ''
 }) => {
-  const [downloadCount, setDownloadCount] = useState<number | undefined>(initialDownloadCount);
+  const [downloadCount, setDownloadCount] = useState<number | undefined>(0);
 
   // Fetch download count from Google Analytics
   useEffect(() => {
@@ -51,6 +51,7 @@ const ResourceProjectBanner: React.FC<ResourceProjectBannerProps> = ({
         
         if (downloadButton) {
           const params = new URLSearchParams({
+            banner_analytics_id: id,
             fileName: title,
             ...(fileType && { fileType }),
             ...(resourceType && { resourceType }),
@@ -59,10 +60,8 @@ const ResourceProjectBanner: React.FC<ResourceProjectBannerProps> = ({
           const response = await fetch(`/api/analytics/download-count?${params.toString()}`);
           
           if (response.ok) {
-            // TODO: Uncomment it when we get value of downloadCount from GA4
-            // const data = await response.json();
-            // setDownloadCount(data.count);
-            setDownloadCount(undefined);
+            const data = await response.json();
+            setDownloadCount(data.count);
           }
         }
       } catch (error) {
@@ -71,7 +70,7 @@ const ResourceProjectBanner: React.FC<ResourceProjectBannerProps> = ({
     };
 
     fetchDownloadCount();
-  }, [title, fileType, resourceType, ctaButtons]);
+  }, [title, fileType, resourceType, ctaButtons, id]);
 
   const backgroundClasses = generateBackgroundClasses(background);
   const backgroundStyles = generateBackgroundStyles(background);
@@ -166,6 +165,19 @@ const ResourceProjectBanner: React.FC<ResourceProjectBannerProps> = ({
         button_position: index + 1,
         tracking_context: button.trackingContext || trackingContext
       });
+
+      // Track downloads specifically: by default we set up file download to the first button
+      if (index === 0) {
+        window.gtag('event', 'resource_file_download', {
+          banner_analytics_id: id,
+          resource_title: title,
+          resource_type: resourceType || 'unknown',
+          file_type: fileType || 'unknown',
+          cta_position: index + 1,
+          button_label: button.label,
+          tracking_context: button.trackingContext || trackingContext
+        });
+      }
     }
 
     // Track downloads specifically: by default we set up file download to the first button
@@ -277,8 +289,8 @@ const ResourceProjectBanner: React.FC<ResourceProjectBannerProps> = ({
 
             {/* Resource Stats */}
             {/* Update to lg:grid-cols-3 when we configure downloadCount */}
-            <div className="mb-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-2 gap-4">
-              {downloadCount !== undefined && downloadCount !== 0 && (
+            <div className="mb-8 grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4">
+              {downloadCount !== undefined && (
                 <div className="bg-white/10 backdrop-blur-sm rounded-lg p-4">
                   <div className="flex items-center gap-2 mb-1">
                     <svg className="w-5 h-5" fill="currentColor" viewBox="0 0 20 20" aria-hidden="true">
@@ -337,7 +349,7 @@ const ResourceProjectBanner: React.FC<ResourceProjectBannerProps> = ({
                     }
                   : { href: button.url };
 
-                const isDownload = button.label.toLowerCase().includes('download');
+                const isDownload = button.label.toLowerCase().includes('download') || index === 0;
 
                 return (
                   <Component
diff --git a/src/types/banners.ts b/src/types/banners.ts
index ba55dbc..7402e0f 100644
--- a/src/types/banners.ts
+++ b/src/types/banners.ts
@@ -72,7 +72,7 @@ export interface BannerProps {
   badgeText?: string;
   
   // CMS metadata
-  id?: string;
+  id: string;
   templateType: BannerTemplateType;
   isActive?: boolean;
   locationSlug?: string;
@@ -105,7 +105,6 @@ export interface PartnershipCharterProps extends BannerProps {
 export interface ResourceProjectProps extends BannerProps {
   templateType: 'resource-project';
   resourceType?: 'guide' | 'toolkit' | 'research' | 'training' | 'event';
-  downloadCount?: number;
   lastUpdated?: string;
   fileSize?: string;
   fileType?: string;
diff --git a/tests/__tests__/components/Banners/ResourceProjectBanner.test.tsx b/tests/__tests__/components/Banners/ResourceProjectBanner.test.tsx
index 5211e10..f9d23a2 100644
--- a/tests/__tests__/components/Banners/ResourceProjectBanner.test.tsx
+++ b/tests/__tests__/components/Banners/ResourceProjectBanner.test.tsx
@@ -1,5 +1,6 @@
 import React from 'react';
-import { render, screen, fireEvent } from '@testing-library/react';
+import { render, screen, fireEvent, waitFor } from '@testing-library/react';
+
 import ResourceProjectBanner from '@/components/Banners/ResourceProjectBanner';
 import { ResourceProjectProps } from '@/types/banners';
 
@@ -25,6 +26,7 @@ Object.defineProperty(window, 'gtag', {
 
 describe('ResourceProjectBanner', () => {
   const mockProps: ResourceProjectProps = {
+    id: '1',
     templateType: 'resource-project',
     title: 'Homelessness User Guide',
     description: 'Comprehensive guide for organisations working with people experiencing homelessness.',
@@ -100,14 +102,6 @@ describe('ResourceProjectBanner', () => {
     });
   });
 
-  it('should render download count stat', () => {
-    const props = { ...mockProps, downloadCount: 1234 };
-    render(<ResourceProjectBanner {...props} />);
-    
-    expect(screen.getByText('Downloads')).toBeInTheDocument();
-    expect(screen.getByText('1,234')).toBeInTheDocument();
-  });
-
   it('should render file size stat with different formats', () => {
     // Test pre-formatted file size
     const { rerender } = render(
@@ -136,18 +130,26 @@ describe('ResourceProjectBanner', () => {
   it('should render all resource stats together', () => {
     const props = {
       ...mockProps,
-      downloadCount: 500,
       fileSize: '3.2 MB',
       lastUpdated: '2024-01-15T09:00:00Z'
     };
+    const originalFetch = global.fetch;
+    (global as any).fetch = jest.fn().mockResolvedValue({
+      ok: true,
+      json: async () => ({ count: 500 })
+    });
+
     render(<ResourceProjectBanner {...props} />);
-    
-    expect(screen.getByText('Downloads')).toBeInTheDocument();
-    expect(screen.getByText('500')).toBeInTheDocument();
-    expect(screen.getByText('File Size')).toBeInTheDocument();
-    expect(screen.getByText('3.2 MB')).toBeInTheDocument();
-    expect(screen.getByText('Last Updated')).toBeInTheDocument();
-    expect(screen.getByText(/15 Jan 2024/)).toBeInTheDocument();
+
+    return waitFor(() => {
+      expect(screen.getByText('Downloads')).toBeInTheDocument();
+      expect(screen.getByText('500')).toBeInTheDocument();
+      expect(screen.getByText('File Size')).toBeInTheDocument();
+      expect(screen.getByText('3.2 MB')).toBeInTheDocument();
+      expect(screen.getByText('Last Updated')).toBeInTheDocument();
+      expect(screen.getByText(/15 Jan 2024/)).toBeInTheDocument();
+      (global as any).fetch = originalFetch;
+    });
   });
 
   it('should render date range when startDate and endDate are provided', () => {
@@ -246,25 +248,46 @@ describe('ResourceProjectBanner', () => {
     const button = screen.getByText('Download Guide');
     fireEvent.click(button);
     
-    expect(mockGtag).toHaveBeenCalledWith('event', 'resource_project_cta_click', {
+    expect(mockGtag).toHaveBeenCalledTimes(3);
+    
+    // First call should be the main CTA click
+    expect(mockGtag).toHaveBeenNthCalledWith(1, 'event', 'resource_project_cta_click', {
       resource_type: 'guide',
       resource_title: 'Homelessness User Guide',
       button_label: 'Download Guide',
       button_position: 1,
       tracking_context: 'test-resource'
     });
+    
+    // Second call should be the resource-specific file download event
+    expect(mockGtag).toHaveBeenNthCalledWith(2, 'event', 'resource_file_download', {
+      banner_analytics_id: '1',
+      resource_title: 'Homelessness User Guide',
+      resource_type: 'guide',
+      file_type: 'unknown',
+      cta_position: 1,
+      button_label: 'Download Guide',
+      tracking_context: 'test-resource'
+    });
+
+    // Third call should be the generic file download event
+    expect(mockGtag).toHaveBeenNthCalledWith(3, 'event', 'file_download', {
+      file_name: 'Homelessness User Guide',
+      file_type: 'unknown',
+      resource_type: 'guide'
+    });
   });
 
   it('should track file downloads separately', () => {
     // Need downloadCount defined to trigger file_download event
-    const props = { ...mockProps, downloadCount: 100 };
+    const props = { ...mockProps };
     render(<ResourceProjectBanner {...props} />);
     
     const button = screen.getByText('Download Guide');
     fireEvent.click(button);
     
-    // Should trigger two analytics calls
-    expect(mockGtag).toHaveBeenCalledTimes(2);
+    // Should trigger three analytics calls: CTA click, resource file download, and generic file download
+    expect(mockGtag).toHaveBeenCalledTimes(3);
     
     // First call should be the main CTA click
     expect(mockGtag).toHaveBeenNthCalledWith(1, 'event', 'resource_project_cta_click', {
@@ -275,8 +298,19 @@ describe('ResourceProjectBanner', () => {
       tracking_context: 'test-resource'
     });
     
-    // Second call should be the file download
-    expect(mockGtag).toHaveBeenNthCalledWith(2, 'event', 'file_download', {
+    // Second call should be the resource-specific file download event
+    expect(mockGtag).toHaveBeenNthCalledWith(2, 'event', 'resource_file_download', {
+      banner_analytics_id: '1',
+      resource_title: 'Homelessness User Guide',
+      resource_type: 'unknown',
+      file_type: 'unknown',
+      cta_position: 1,
+      button_label: 'Download Guide',
+      tracking_context: 'test-resource'
+    });
+
+    // Third call should be the generic file download event
+    expect(mockGtag).toHaveBeenNthCalledWith(3, 'event', 'file_download', {
       file_name: 'Homelessness User Guide',
       file_type: 'unknown',
       resource_type: 'unknown'
@@ -285,14 +319,14 @@ describe('ResourceProjectBanner', () => {
 
   it('should track file downloads with file type', () => {
     // Need downloadCount defined to trigger file_download event
-    const props = { ...mockProps, fileType: 'PDF', resourceType: 'guide' as const, downloadCount: 100 };
+    const props = { ...mockProps, fileType: 'PDF', resourceType: 'guide' as const };
     render(<ResourceProjectBanner {...props} />);
     
     const button = screen.getByText('Download Guide');
     fireEvent.click(button);
     
-    // Should trigger two analytics calls
-    expect(mockGtag).toHaveBeenCalledTimes(2);
+    // Should trigger three analytics calls: CTA click, resource file download, and generic file download
+    expect(mockGtag).toHaveBeenCalledTimes(3);
     
     // First call should be the main CTA click
     expect(mockGtag).toHaveBeenNthCalledWith(1, 'event', 'resource_project_cta_click', {
@@ -303,8 +337,19 @@ describe('ResourceProjectBanner', () => {
       tracking_context: 'test-resource'
     });
     
-    // Second call should be the file download
-    expect(mockGtag).toHaveBeenNthCalledWith(2, 'event', 'file_download', {
+    // Second call should be the resource-specific file download event
+    expect(mockGtag).toHaveBeenNthCalledWith(2, 'event', 'resource_file_download', {
+      banner_analytics_id: '1',
+      resource_title: 'Homelessness User Guide',
+      resource_type: 'guide',
+      file_type: 'PDF',
+      cta_position: 1,
+      button_label: 'Download Guide',
+      tracking_context: 'test-resource'
+    });
+
+    // Third call should be the generic file download event
+    expect(mockGtag).toHaveBeenNthCalledWith(3, 'event', 'file_download', {
       file_name: 'Homelessness User Guide',
       file_type: 'PDF',
       resource_type: 'guide'