diff --git a/packages/site/app/Accompagnement.tsx b/packages/site/app/Accompagnement.tsx
index 45882f6f78..73367feb03 100644
--- a/packages/site/app/Accompagnement.tsx
+++ b/packages/site/app/Accompagnement.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { Button } from '@tet/ui';
+import { Button, useEventTracker } from '@tet/ui';
 import { StrapiItem } from '@tet/site/src/strapi/StrapiItem';
 import { StrapiImage } from '@tet/site/components/strapiImage/StrapiImage';
 import Section from '@tet/site/components/sections/Section';
@@ -22,6 +22,8 @@ const Accompagnement = ({
   description,
   contenu,
 }: AccompagnementProps) => {
+  const tracker = useEventTracker('site/accueil');
+
   return (
     <Section
       containerClassName="max-md:!py-6 md:!pt-14"
@@ -56,7 +58,16 @@ const Accompagnement = ({
                 />
               </div>
 
-              <Button href={c.button.href} size="xs">
+              <Button
+                href={c.button.href}
+                onClick={() => {
+                  if (c.button.href === '/programme')
+                    tracker('decouvrir_programme', {});
+                  if (c.button.href === '/outil-numerique')
+                    tracker('decouvrir_plateforme', {});
+                }}
+                size="xs"
+              >
                 {c.button.titre}
               </Button>
             </div>
diff --git a/packages/site/app/DemandeContact.tsx b/packages/site/app/DemandeContact.tsx
index b17fbe3045..f546ed47c3 100644
--- a/packages/site/app/DemandeContact.tsx
+++ b/packages/site/app/DemandeContact.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import Section from '@tet/site/components/sections/Section';
-import { Button } from '@tet/ui';
+import { Button, useEventTracker } from '@tet/ui';
 
 type DemandeContactProps = {
   description: string;
@@ -9,6 +9,8 @@ type DemandeContactProps = {
 };
 
 const DemandeContact = ({ description, cta }: DemandeContactProps) => {
+  const tracker = useEventTracker('site/accueil');
+
   return (
     <Section
       className="items-center justify-center !gap-8"
@@ -17,6 +19,7 @@ const DemandeContact = ({ description, cta }: DemandeContactProps) => {
       <h2 className="text-white text-center max-w-5xl mb-0">{description}</h2>
       <Button
         href="/contact"
+        onClick={() => tracker('demande_contact', {})}
         variant="secondary"
         className="!bg-[#FFE8BD] !border-[#FFE8BD] !text-primary-7 hover:!text-primary-8"
       >
diff --git a/packages/site/app/Newsletter.tsx b/packages/site/app/Newsletter.tsx
index 37405110e6..55435ddbe8 100644
--- a/packages/site/app/Newsletter.tsx
+++ b/packages/site/app/Newsletter.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import Section from '@tet/site/components/sections/Section';
-import { Button } from '@tet/ui';
+import { Button, useEventTracker } from '@tet/ui';
 
 type NewsletterProps = {
   titre: string;
@@ -16,6 +16,8 @@ const Newsletter = ({
   ctaLinkedin,
   ctaNewsletter,
 }: NewsletterProps) => {
+  const tracker = useEventTracker('site/accueil');
+
   return (
     <Section containerClassName="bg-primary-1 max-md:!py-6 md:max-lg:!py-12 lg:!py-20">
       <h2 className="text-center mb-0">{titre}</h2>
@@ -30,7 +32,11 @@ const Newsletter = ({
         >
           {ctaLinkedin}
         </Button>
-        <Button href="https://cloud.contact.ademe.fr/inscription-tete" external>
+        <Button
+          href="https://cloud.contact.ademe.fr/inscription-tete"
+          onClick={() => tracker('inscription_newsletter', {})}
+          external
+        >
           {ctaNewsletter}
         </Button>
       </div>
diff --git a/packages/site/app/TrackPage.tsx b/packages/site/app/TrackPage.tsx
deleted file mode 100644
index 6ac0524fc1..0000000000
--- a/packages/site/app/TrackPage.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-'use client';
-
-import {usePathname} from 'next/navigation';
-import {TrackUnplannedPageView} from '@tet/ui';
-
-const TrackPage = () => {
-  const pathName = usePathname();
-
-  return (
-    <TrackUnplannedPageView
-      pageName={`site${pathName === '/' ? '/accueil' : pathName}`}
-    />
-  );
-};
-
-export default TrackPage;
diff --git a/packages/site/app/contact/ContactForm.tsx b/packages/site/app/contact/ContactForm.tsx
index 52728c1214..5baac9bd20 100644
--- a/packages/site/app/contact/ContactForm.tsx
+++ b/packages/site/app/contact/ContactForm.tsx
@@ -5,7 +5,7 @@ import classNames from 'classnames';
 import { useEffect, useState } from 'react';
 import { supabase } from '../initSupabase';
 import { options } from './data';
-import { Button } from '@tet/ui';
+import { Button, useEventTracker } from '@tet/ui';
 import { useRouter, useSearchParams } from 'next/navigation';
 
 type FormData = {
@@ -32,6 +32,7 @@ const ContactForm = () => {
 
   const searchParams = useSearchParams();
   const router = useRouter();
+  const tracker = useEventTracker('site/contact');
 
   const objet = searchParams.get('objet');
 
@@ -118,7 +119,12 @@ const ContactForm = () => {
 
   return (
     <>
-      <form onSubmit={handleSubmit}>
+      <form
+        onSubmit={(event) => {
+          handleSubmit(event);
+          tracker('envoyer_message', {});
+        }}
+      >
         <div className="fr-input-group">
           <label className="fr-label" htmlFor="input-objet">
             Objet de votre message
diff --git a/packages/site/app/contact/page.tsx b/packages/site/app/contact/page.tsx
index 992d875564..67c7a72797 100644
--- a/packages/site/app/contact/page.tsx
+++ b/packages/site/app/contact/page.tsx
@@ -8,6 +8,7 @@ import ContactForm from './ContactForm';
 import { Metadata, ResolvingMetadata } from 'next';
 import { getStrapiData } from './utils';
 import { getUpdatedMetadata } from '@tet/site/src/utils/getUpdatedMetadata';
+import { TrackPageView } from '@tet/ui';
 
 export async function generateMetadata(
   params: { params: unknown },
@@ -27,37 +28,43 @@ export async function generateMetadata(
 const Contact = async () => {
   const data = await getStrapiData();
 
-  return data ? (
-    <Section>
-      <h1>{data.titre ?? "Contacter l'équipe"}</h1>
+  return (
+    <>
+      <TrackPageView pageName={'site/contact'} properties={{}} />
 
-      {!!data.description && <p className="text-xl">{data.description}</p>}
+      {data ? (
+        <Section>
+          <h1>{data.titre ?? "Contacter l'équipe"}</h1>
 
-      <div className="p-4 md:p-14 lg:px-28 bg-gray-100 mb-6">
-        <p className="text-sm">Tous les champs sont obligatoires</p>
-        <ContactForm />
-      </div>
-      {!!data.telephone && (
-        <div>
-          <p className="font-bold flex gap-2 mb-0">
-            <PhoneIcon />
-            Tél. : {data.telephone}
-          </p>
-          <p className="text-[#666]">{data.horaires}</p>
-        </div>
-      )}
+          {!!data.description && <p className="text-xl">{data.description}</p>}
+
+          <div className="p-4 md:p-14 lg:px-28 bg-gray-100 mb-6">
+            <p className="text-sm">Tous les champs sont obligatoires</p>
+            <ContactForm />
+          </div>
+          {!!data.telephone && (
+            <div>
+              <p className="font-bold flex gap-2 mb-0">
+                <PhoneIcon />
+                Tél. : {data.telephone}
+              </p>
+              <p className="text-[#666]">{data.horaires}</p>
+            </div>
+          )}
 
-      {!!data.couverture && (
-        <StrapiImage
-          data={data.couverture}
-          className="w-full"
-          containerClassName="w-full my-6"
-          displayCaption={data.legendeVisible}
-        />
+          {!!data.couverture && (
+            <StrapiImage
+              data={data.couverture}
+              className="w-full"
+              containerClassName="w-full my-6"
+              displayCaption={data.legendeVisible}
+            />
+          )}
+        </Section>
+      ) : (
+        <NoResult />
       )}
-    </Section>
-  ) : (
-    <NoResult />
+    </>
   );
 };
 
diff --git a/packages/site/app/layout.tsx b/packages/site/app/layout.tsx
index a6f0e3e5b2..69adcdf0c4 100644
--- a/packages/site/app/layout.tsx
+++ b/packages/site/app/layout.tsx
@@ -5,7 +5,6 @@ import { PHProvider } from '@tet/site/providers/posthog';
 import { Metadata, Viewport } from 'next';
 import Script from 'next/script';
 import './global.css';
-import TrackPage from './TrackPage';
 import { getMetaData } from './utils';
 
 export const viewport: Viewport = {
@@ -81,7 +80,6 @@ export default function RootLayout({ children }: { children: JSX.Element }) {
             <div className="grow flex flex-col">{children}</div>
           </div>
           <Footer />
-          <TrackPage />
 
           <noscript>
             <img
diff --git a/packages/site/app/outil-numerique/HeaderPlateforme.tsx b/packages/site/app/outil-numerique/HeaderPlateforme.tsx
index 2f0eaa7db4..69e6bd320b 100644
--- a/packages/site/app/outil-numerique/HeaderPlateforme.tsx
+++ b/packages/site/app/outil-numerique/HeaderPlateforme.tsx
@@ -5,7 +5,7 @@ import { StrapiImage } from '@tet/site/components/strapiImage/StrapiImage';
 import { useEvolutionTotalActivation } from '@tet/site/app/stats/EvolutionTotalActivationParType';
 import { StrapiItem } from '@tet/site/src/strapi/StrapiItem';
 import Arrow from './Arrow';
-import { Button } from '@tet/ui';
+import { Button, useEventTracker } from '@tet/ui';
 
 type HeaderPlateformeProps = {
   titre: string;
@@ -28,6 +28,7 @@ const HeaderPlateforme = ({
 }: HeaderPlateformeProps) => {
   const { data } = useEvolutionTotalActivation('', '');
   const collectivitesActivees = data ? data.courant.total : undefined;
+  const tracker = useEventTracker('site/outil-numerique');
 
   return (
     <Section containerClassName="bg-gradient-to-b from-[#F4F5FD] to-[#FFFFFF] !pb-0">
@@ -39,7 +40,12 @@ const HeaderPlateforme = ({
       </p>
       <div className="flex max-md:flex-col gap-y-4 gap-x-8 justify-center items-center">
         <div className="max-md:flex max-md:flex-col max-md:items-center">
-          <Button href={url_inscription}>{cta_inscription}</Button>
+          <Button
+            href={url_inscription}
+            onClick={() => tracker('inscription_plateforme', {})}
+          >
+            {cta_inscription}
+          </Button>
           {!!collectivitesActivees && (
             <p className="md:hidden text-primary-9 text-[13px] font-bold mb-0 pt-2">
               Déjà {collectivitesActivees} collectivités utilisatrices
@@ -47,7 +53,12 @@ const HeaderPlateforme = ({
           )}
         </div>
 
-        <Button href={url_demo} variant="outlined" icon="play-circle-line">
+        <Button
+          href={url_demo}
+          onClick={() => tracker('inscription_demo', {})}
+          variant="outlined"
+          icon="play-circle-line"
+        >
           {cta_demo}
         </Button>
       </div>
diff --git a/packages/site/app/outil-numerique/PanierActionsImpact.tsx b/packages/site/app/outil-numerique/PanierActionsImpact.tsx
index 36bb8a6867..77ce106d8f 100644
--- a/packages/site/app/outil-numerique/PanierActionsImpact.tsx
+++ b/packages/site/app/outil-numerique/PanierActionsImpact.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { Button } from '@tet/ui';
+import { Button, useEventTracker } from '@tet/ui';
 import Section from '@tet/site/components/sections/Section';
 import { StrapiItem } from '@tet/site/src/strapi/StrapiItem';
 import { StrapiImage } from '@tet/site/components/strapiImage/StrapiImage';
@@ -19,6 +19,8 @@ const PanierActionsImpact = ({
   cta,
   image,
 }: PanierActionsImpactProps) => {
+  const tracker = useEventTracker('site/outil-numerique');
+
   return (
     <Section
       className="flex lg:!flex-row justify-between items-center !gap-12"
@@ -39,6 +41,7 @@ const PanierActionsImpact = ({
         />
         <Button
           href={`${process.env.NEXT_PUBLIC_PANIER_URL}/landing`}
+          onClick={() => tracker('decouvrir_pai', {})}
           className="mt-6 max-lg:mx-auto"
         >
           {cta}
diff --git a/packages/site/app/outil-numerique/QuestionsPlateforme.tsx b/packages/site/app/outil-numerique/QuestionsPlateforme.tsx
index 14fe6ed1d8..bf41d4a148 100644
--- a/packages/site/app/outil-numerique/QuestionsPlateforme.tsx
+++ b/packages/site/app/outil-numerique/QuestionsPlateforme.tsx
@@ -2,7 +2,7 @@
 
 import Markdown from '@tet/site/components/markdown/Markdown';
 import Section from '@tet/site/components/sections/Section';
-import { Button } from '@tet/ui';
+import { Button, useEventTracker } from '@tet/ui';
 
 type QuestionsPlateformeProps = {
   titre: string;
@@ -17,6 +17,8 @@ const QuestionsPlateforme = ({
   cta_faq,
   cta_contact,
 }: QuestionsPlateformeProps) => {
+  const tracker = useEventTracker('site/outil-numerique');
+
   return (
     <Section containerClassName="bg-primary-7 max-md:!py-6 md:max-lg:!py-12 lg:!py-20">
       <h2 className="text-center text-white mb-1">{titre}</h2>
@@ -34,6 +36,7 @@ const QuestionsPlateforme = ({
         </Button>
         <Button
           href="/contact"
+          onClick={() => tracker('contact_plateforme', {})}
           variant="outlined"
           className="!bg-[#FFE8BD] hover:!bg-[#FFE4A8]"
         >
diff --git a/packages/site/app/outil-numerique/Trajectoire.tsx b/packages/site/app/outil-numerique/Trajectoire.tsx
index e17cda7b65..5e87d03c2f 100644
--- a/packages/site/app/outil-numerique/Trajectoire.tsx
+++ b/packages/site/app/outil-numerique/Trajectoire.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { Button } from '@tet/ui';
+import { Button, useEventTracker } from '@tet/ui';
 import Section from '@tet/site/components/sections/Section';
 import { StrapiItem } from '@tet/site/src/strapi/StrapiItem';
 import { StrapiImage } from '@tet/site/components/strapiImage/StrapiImage';
@@ -14,6 +14,8 @@ type TrajectoireProps = {
 };
 
 const Trajectoire = ({ titre, description, cta, image }: TrajectoireProps) => {
+  const tracker = useEventTracker('site/outil-numerique');
+
   return (
     <Section
       className="flex lg:!flex-row justify-between items-center !gap-12"
@@ -25,7 +27,11 @@ const Trajectoire = ({ titre, description, cta, image }: TrajectoireProps) => {
           texte={description}
           className="paragraphe-primary-10 paragraphe-18 markdown_style colored_marker"
         />
-        <Button href="/trajectoire" className="mt-6 max-lg:mx-auto">
+        <Button
+          href="/trajectoire"
+          onClick={() => tracker('decouvrir_trajectoire', {})}
+          className="mt-6 max-lg:mx-auto"
+        >
           {cta}
         </Button>
       </div>
diff --git a/packages/site/app/outil-numerique/page.tsx b/packages/site/app/outil-numerique/page.tsx
index b21b45bd62..3d478f9c74 100644
--- a/packages/site/app/outil-numerique/page.tsx
+++ b/packages/site/app/outil-numerique/page.tsx
@@ -11,6 +11,7 @@ import { Metadata, ResolvingMetadata } from 'next';
 import { getUpdatedMetadata } from '@tet/site/src/utils/getUpdatedMetadata';
 import PanierActionsImpact from './PanierActionsImpact';
 import Trajectoire from '@tet/site/app/outil-numerique/Trajectoire';
+import { TrackPageView } from '@tet/ui';
 
 export async function generateMetadata(
   { params }: { params: unknown },
@@ -30,26 +31,32 @@ export async function generateMetadata(
 const OutilNumerique = async () => {
   const strapiData = await getStrapiData();
 
-  return strapiData ? (
-    <div className="grow">
-      <HeaderPlateforme {...strapiData.header} />
+  return (
+    <>
+      <TrackPageView pageName={'site/outil-numerique'} properties={{}} />
 
-      <AvantagesPlateforme avantages={strapiData.avantages} />
+      {strapiData ? (
+        <div className="grow">
+          <HeaderPlateforme {...strapiData.header} />
 
-      <PanierActionsImpact {...strapiData.panier} />
+          <AvantagesPlateforme avantages={strapiData.avantages} />
 
-      <Trajectoire {...strapiData.trajectoire} />
+          <PanierActionsImpact {...strapiData.panier} />
 
-      {strapiData.temoignages.length > 0 && (
-        <TemoignagesPlateforme temoignages={strapiData.temoignages} />
-      )}
+          <Trajectoire {...strapiData.trajectoire} />
+
+          {strapiData.temoignages.length > 0 && (
+            <TemoignagesPlateforme temoignages={strapiData.temoignages} />
+          )}
 
-      <EquipePlateforme {...strapiData.equipe} />
+          <EquipePlateforme {...strapiData.equipe} />
 
-      <QuestionsPlateforme {...strapiData.questions} />
-    </div>
-  ) : (
-    <NoResult />
+          <QuestionsPlateforme {...strapiData.questions} />
+        </div>
+      ) : (
+        <NoResult />
+      )}
+    </>
   );
 };
 
diff --git a/packages/site/app/page.tsx b/packages/site/app/page.tsx
index 7eb57762b9..69051c9c99 100644
--- a/packages/site/app/page.tsx
+++ b/packages/site/app/page.tsx
@@ -9,28 +9,35 @@ import DemandeContact from './DemandeContact';
 import Communaute from './Communaute';
 import Objectifs from './Objectifs';
 import { getData } from './utils';
+import { TrackPageView } from '@tet/ui';
 
 const Accueil = async () => {
   const data = await getData();
 
-  return data ? (
+  return (
     <>
-      <AccueilBanner {...data.banner} />
+      <TrackPageView pageName={'site/accueil'} properties={{}} />
 
-      <Accompagnement {...data.accompagnement} />
+      {data ? (
+        <>
+          <AccueilBanner {...data.banner} />
 
-      <Objectifs {...data.objectifs} />
+          <Accompagnement {...data.accompagnement} />
 
-      <Communaute {...data.collectivites} />
+          <Objectifs {...data.objectifs} />
 
-      <DemandeContact {...data.contact} />
+          <Communaute {...data.collectivites} />
 
-      {data.temoignages && <Temoignages {...data.temoignages} />}
+          <DemandeContact {...data.contact} />
 
-      <Newsletter {...data.newsletter} />
+          {data.temoignages && <Temoignages {...data.temoignages} />}
+
+          <Newsletter {...data.newsletter} />
+        </>
+      ) : (
+        <NoResult />
+      )}
     </>
-  ) : (
-    <NoResult />
   );
 };
 
diff --git a/packages/site/app/programme/CollectivitesEngagees.tsx b/packages/site/app/programme/CollectivitesEngagees.tsx
index 1ef846352b..ca1e16553a 100644
--- a/packages/site/app/programme/CollectivitesEngagees.tsx
+++ b/packages/site/app/programme/CollectivitesEngagees.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import Section from '@tet/site/components/sections/Section';
-import { Button } from '@tet/ui';
+import { Button, useEventTracker } from '@tet/ui';
 import {
   useCollectivitesEngagees,
   useTerritoiresCOT,
@@ -17,6 +17,7 @@ const CollectivitesEngagees = ({ titre, cta }: CollectivitesEngageesProps) => {
   const { data: cot } = useTerritoiresCOT('', '');
   const { data: labellises } = useTerritoiresLabellises('', '');
   const { data: engages } = useCollectivitesEngagees('', '');
+  const tracker = useEventTracker('site/programme');
 
   return (
     <Section containerClassName="bg-primary-1 max-md:!py-6 md:max-lg:!py-12 lg:!py-18">
@@ -52,7 +53,11 @@ const CollectivitesEngagees = ({ titre, cta }: CollectivitesEngageesProps) => {
         </div>
       </div>
 
-      <Button className="mx-auto max-md:mt-3 mt-6" href="/collectivites">
+      <Button
+        className="mx-auto max-md:mt-3 mt-6"
+        href="/collectivites"
+        onClick={() => tracker('voir_collectivites', {})}
+      >
         {cta}
       </Button>
     </Section>
diff --git a/packages/site/app/programme/Compte.tsx b/packages/site/app/programme/Compte.tsx
index 42417db3f2..16bdc31524 100644
--- a/packages/site/app/programme/Compte.tsx
+++ b/packages/site/app/programme/Compte.tsx
@@ -3,7 +3,7 @@
 import Markdown from '@tet/site/components/markdown/Markdown';
 import Section from '@tet/site/components/sections/Section';
 import { StrapiImage } from '@tet/site/components/strapiImage/StrapiImage';
-import { Button } from '@tet/ui';
+import { Button, useEventTracker } from '@tet/ui';
 import Arrow from '@tet/site/app/outil-numerique/Arrow';
 import { useEvolutionTotalActivation } from '@tet/site/app/stats/EvolutionTotalActivationParType';
 import { StrapiItem } from '@tet/site/src/strapi/StrapiItem';
@@ -18,6 +18,7 @@ type CompteProps = {
 const Compte = ({ titre, description, cta, image }: CompteProps) => {
   const { data } = useEvolutionTotalActivation('', '');
   const collectivitesActivees = data ? data.courant.total : undefined;
+  const tracker = useEventTracker('site/programme');
 
   return (
     <Section containerClassName="max-md:!py-6 md:max-lg:!py-12 lg:!py-20">
@@ -38,6 +39,7 @@ const Compte = ({ titre, description, cta, image }: CompteProps) => {
           />
           <Button
             href="https://auth.territoiresentransitions.fr/signup"
+            onClick={() => tracker('inscription_plateforme', {})}
             className="mt-8 max-lg:mx-auto"
             external
           >
diff --git a/packages/site/app/programme/Contact.tsx b/packages/site/app/programme/Contact.tsx
index b01d30c413..fcc4d071c2 100644
--- a/packages/site/app/programme/Contact.tsx
+++ b/packages/site/app/programme/Contact.tsx
@@ -1,7 +1,7 @@
 'use client';
 
 import Section from '@tet/site/components/sections/Section';
-import { Button } from '@tet/ui';
+import { Button, useEventTracker } from '@tet/ui';
 
 type ContactProps = {
   description: string;
@@ -9,6 +9,8 @@ type ContactProps = {
 };
 
 const Contact = ({ description, cta }: ContactProps) => {
+  const tracker = useEventTracker('site/programme');
+
   return (
     <Section
       className="items-center justify-center !gap-8"
@@ -17,6 +19,7 @@ const Contact = ({ description, cta }: ContactProps) => {
       <h2 className="text-white text-center max-w-3xl mb-0">{description}</h2>
       <Button
         href="/contact?objet=programme"
+        onClick={() => tracker('contact_programme', {})}
         variant="secondary"
         className="!bg-[#FFE8BD] !border-[#FFE8BD] !text-primary-7 hover:!text-primary-8"
       >
diff --git a/packages/site/app/programme/Etapes.tsx b/packages/site/app/programme/Etapes.tsx
index 5eb2477cde..db2b783908 100644
--- a/packages/site/app/programme/Etapes.tsx
+++ b/packages/site/app/programme/Etapes.tsx
@@ -4,7 +4,7 @@ import Card from '@tet/site/components/cards/Card';
 import CardsWrapper from '@tet/site/components/cards/CardsWrapper';
 import CardsSection from '@tet/site/components/sections/CardsSection';
 import { Content } from './types';
-import { Button } from '@tet/ui';
+import { Button, useEventTracker } from '@tet/ui';
 
 type EtapesProps = {
   titre: string;
@@ -13,6 +13,8 @@ type EtapesProps = {
 };
 
 const Etapes = ({ titre, contenu, cta }: EtapesProps) => {
+  const tracker = useEventTracker('site/programme');
+
   return contenu && contenu.length ? (
     <CardsSection
       containerClassName="bg-primary-1 max-md:!py-6 md:max-lg:!py-12 lg:!py-20"
@@ -30,7 +32,11 @@ const Etapes = ({ titre, contenu, cta }: EtapesProps) => {
         </CardsWrapper>
       }
     >
-      <Button href="/contact?objet=programme" className="mt-3 lg:mt-6 mx-auto">
+      <Button
+        href="/contact?objet=programme"
+        onClick={() => tracker('demarrer_programme', {})}
+        className="mt-3 lg:mt-6 mx-auto"
+      >
         {cta}
       </Button>
     </CardsSection>
diff --git a/packages/site/app/programme/page.tsx b/packages/site/app/programme/page.tsx
index ff530cd85d..412a827dee 100644
--- a/packages/site/app/programme/page.tsx
+++ b/packages/site/app/programme/page.tsx
@@ -11,6 +11,7 @@ import { getUpdatedMetadata } from '@tet/site/src/utils/getUpdatedMetadata';
 import Contact from './Contact';
 import Compte from './Compte';
 import CollectivitesEngagees from './CollectivitesEngagees';
+import { TrackPageView } from '@tet/ui';
 
 export async function generateMetadata(
   params: { params: unknown },
@@ -30,28 +31,34 @@ export async function generateMetadata(
 const Programme = async () => {
   const data = await getStrapiData();
 
-  return data ? (
+  return (
     <>
-      <ProgrammeBanner
-        titre={data.titre}
-        description={data.description}
-        couvertureURL={data.couvertureURL}
-      />
+      <TrackPageView pageName={'site/programme'} properties={{}} />
 
-      <Benefices {...data.benefices} />
+      {data ? (
+        <>
+          <ProgrammeBanner
+            titre={data.titre}
+            description={data.description}
+            couvertureURL={data.couvertureURL}
+          />
 
-      <Contact {...data.contact} />
+          <Benefices {...data.benefices} />
 
-      <Etapes {...data.etapes} />
+          <Contact {...data.contact} />
 
-      <Services {...data.services} />
+          <Etapes {...data.etapes} />
 
-      <CollectivitesEngagees {...data.collectivites} />
+          <Services {...data.services} />
 
-      <Compte {...data.compte} />
+          <CollectivitesEngagees {...data.collectivites} />
+
+          <Compte {...data.compte} />
+        </>
+      ) : (
+        <NoResult />
+      )}
     </>
-  ) : (
-    <NoResult />
   );
 };
 
diff --git a/packages/ui/src/components/tracking/trackingPlan.ts b/packages/ui/src/components/tracking/trackingPlan.ts
index cb63b888dc..d727049d4e 100644
--- a/packages/ui/src/components/tracking/trackingPlan.ts
+++ b/packages/ui/src/components/tracking/trackingPlan.ts
@@ -82,10 +82,10 @@ type IndicateursFiltres = {
 export interface TrackingPlan extends Record<never, Page> {
   /** Page "Tous les indicateurs" */
   'app/indicateurs/tous': {
-    properties: {collectivite_id: number};
+    properties: { collectivite_id: number };
     onglets: never;
     events: {
-      toggle_graphique: {actif: boolean};
+      toggle_graphique: { actif: boolean };
       filtres: {
         filtreValues: IndicateursFiltres;
       };
@@ -94,7 +94,7 @@ export interface TrackingPlan extends Record<never, Page> {
 
   /** Page "Indicateurs de la collectivité" */
   'app/indicateurs/collectivite': {
-    properties: {collectivite_id: number};
+    properties: { collectivite_id: number };
     onglets: never;
     events: {
       explorerIndicateursClick: {};
@@ -183,7 +183,7 @@ export interface TrackingPlan extends Record<never, Page> {
 
   /** Page fiche action */
   'app/fiche-action': {
-    properties: {collectivite_id: number};
+    properties: { collectivite_id: number };
     onglets: never;
     events: {
       validation_modale_modifier_fa: {};
@@ -218,9 +218,9 @@ export interface TrackingPlan extends Record<never, Page> {
     };
     onglets: 'emissions_ges' | 'consommations_finales';
     events: {
-      cta_lancer_calcul: {source: 'open_data' | 'collectivite'};
-      cta_download: {file: 'modele' | 'donnees' | 'methodo'};
-      selection_secteur: {secteur: string};
+      cta_lancer_calcul: { source: 'open_data' | 'collectivite' };
+      cta_download: { file: 'modele' | 'donnees' | 'methodo' };
+      selection_secteur: { secteur: string };
     };
   };
 
@@ -324,4 +324,52 @@ export interface TrackingPlan extends Record<never, Page> {
       };
     };
   };
+
+  /** Tracking du site */
+
+  /* Page d'accueil du site */
+  'site/accueil': {
+    properties: {};
+    onglets: never;
+    events: {
+      decouvrir_programme: {};
+      decouvrir_plateforme: {};
+      demande_contact: {};
+      inscription_newsletter: {};
+    };
+  };
+
+  /* Page programme du site */
+  'site/programme': {
+    properties: {};
+    onglets: never;
+    events: {
+      contact_programme: {};
+      demarrer_programme: {};
+      inscription_plateforme: {};
+      voir_collectivites: {};
+    };
+  };
+
+  /* Page outil numérique du site */
+  'site/outil-numerique': {
+    properties: {};
+    onglets: never;
+    events: {
+      inscription_plateforme: {};
+      inscription_demo: {};
+      decouvrir_pai: {};
+      decouvrir_trajectoire: {};
+      contact_plateforme: {};
+    };
+  };
+
+  /* Page contact du site */
+  'site/contact': {
+    properties: {};
+    onglets: never;
+    events: {
+      envoyer_message: {};
+    };
+  };
 }