Adding GTM (#2255)

amankumarrr · Freego1783 · web-flow · commit a8918369e724 · 2025-12-23T15:31:51.000+11:00
* Google Analytics - adding GTM and GA

* Adding GTM

---------

Co-authored-by: Hugo Pernet &lt;hugopernet@ssw.fr&gt;
diff --git a/.env.example b/.env.example
@@ -39,4 +39,6 @@ CRM_TENANT_ID=#{{CRM_TENANT_ID}}
 CRM_APP_SECRET=#{{CRM_APP_SECRET}}
 CRM_SCOPE=#{{CRM_SCOPE}}
 CRM_VIEW_CURRENT=#{{CRM_VIEW_CURRENT}}
-CRM_VIEW_PAST=#{{CRM_VIEW_PAST}}
+CRM_VIEW_PAST=#{{CRM_VIEW_PAST}}
+
+NEXT_PUBLIC_GTM_CONTAINER_ID=#{{ NEXT_PUBLIC_GTM_CONTAINER_ID }}
diff --git a/.github/workflows/build-and-deploy.yml b/.github/workflows/build-and-deploy.yml
@@ -54,6 +54,7 @@ jobs:
             NEXT_PUBLIC_ALGOLIA_INDEX_NAME: ${{ secrets.NEXT_PUBLIC_ALGOLIA_INDEX_NAME }}
             NEXT_PUBLIC_ALGOLIA_API_KEY: ${{ secrets.NEXT_PUBLIC_ALGOLIA_API_KEY }}
             NEXT_PUBLIC_API_BASE_URL: ${{ vars.NEXT_PUBLIC_API_BASE_URL }}
+            NEXT_PUBLIC_GTM_CONTAINER_ID: ${{ secrets.NEXT_PUBLIC_GTM_CONTAINER_ID }}
 
     deploy:
         name: Deploy to Azure Web App
diff --git a/.github/workflows/build-artifacts.yml b/.github/workflows/build-artifacts.yml
@@ -40,6 +40,8 @@ on:
                 required: false
             NEXT_PUBLIC_API_BASE_URL:
                 required: false
+            NEXT_PUBLIC_GTM_CONTAINER_ID:
+                required: false
         outputs:
             image_tag:
                 description: 'Docker tag to deploy'
@@ -368,6 +370,7 @@ jobs:
                         NEXT_PUBLIC_GISCUS_THEME_URL=${{ vars.NEXT_PUBLIC_GISCUS_THEME_URL }}
                         NEXT_PUBLIC_API_BASE_URL=${{ secrets.NEXT_PUBLIC_API_BASE_URL }}
                         NEXT_PUBLIC_BASE_PATH=${{ vars.NEXT_PUBLIC_BASE_PATH }}
+                        NEXT_PUBLIC_GTM_CONTAINER_ID=${{ secrets.NEXT_PUBLIC_GTM_CONTAINER_ID }}
                   # CACHE COMPLETELY DISABLED
                   no-cache: true
                   # Clean up intermediate containers after build
diff --git a/Dockerfile b/Dockerfile
@@ -54,6 +54,7 @@
     ARG NEXT_PUBLIC_GISCUS_CATEGORY_ID
     ARG NEXT_PUBLIC_GISCUS_THEME_URL
     ARG NEXT_PUBLIC_BASE_PATH
+    ARG NEXT_PUBLIC_GTM_CONTAINER_ID
     
     # Build info environment variables (kept as before)
     ENV BUILD_TIMESTAMP=$BUILD_TIMESTAMP \
@@ -78,6 +79,7 @@
         NEXT_PUBLIC_GISCUS_CATEGORY_ID=$NEXT_PUBLIC_GISCUS_CATEGORY_ID \
         NEXT_PUBLIC_GISCUS_THEME_URL=$NEXT_PUBLIC_GISCUS_THEME_URL \
         NEXT_PUBLIC_BASE_PATH=$NEXT_PUBLIC_BASE_PATH \
+        NEXT_PUBLIC_GTM_CONTAINER_ID=$NEXT_PUBLIC_GTM_CONTAINER_ID \
         NEXT_TELEMETRY_DISABLED=1
     
     # Build the Next.js application
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,9 +1,9 @@
+import { GoogleTagManager } from "@next/third-parties/google";
 import { Metadata } from "next";
 import { Inter as FontSans, Lato, Nunito } from "next/font/google";
 import React from "react";
 import SiteLayout from "@/components/layout/layout";
 import { cn } from "@/lib/utils";
-
 import "@/styles.css";
 import UserClientProvider from "@/components/auth/UserClientProvider";
 import { TailwindIndicator } from "@/components/ui/breakpoint-indicator";
@@ -45,6 +45,7 @@ export default function RootLayout({ children }: { children: React.ReactNode })
     <html lang="en" className={cn(fontSans.variable, nunito.variable, lato.variable)}>
       <body className="min-h-screen bg-background font-sans antialiased flex flex-col">
         <script type="application/ld+json" dangerouslySetInnerHTML={{ __html: JSON.stringify(jsonLd) }} />
+        <GoogleTagManager gtmId={process.env.NEXT_PUBLIC_GTM_CONTAINER_ID!} />
         <UserClientProvider>
           <SiteLayout>{children}</SiteLayout>
         </UserClientProvider>
diff --git a/package.json b/package.json
@@ -40,6 +40,7 @@
     "@giscus/react": "^3.1.0",
     "@headlessui/react": "^2.2.1",
     "@microsoft/applicationinsights-web": "^3.3.9",
+    "@next/third-parties": "^15.5.6",
     "@radix-ui/react-avatar": "^1.1.3",
     "@radix-ui/react-slot": "^1.1.2",
     "@swc/helpers": "^0.5.17",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
