From 68711267880f652824072f052b2e69902ec7929a Mon Sep 17 00:00:00 2001
From: Bert Hausmans <bert@hausmans.nl>
Date: Tue, 6 Jan 2026 08:54:19 +0100
Subject: [PATCH] Add participant name to page title for Matomo tracking

---
 server/index.ts                   |  5 +++--
 src/pages/PublicQuestionnaire.tsx | 10 ++++++++++
 2 files changed, 13 insertions(+), 2 deletions(-)

diff --git a/server/index.ts b/server/index.ts
index f122956..f01bb88 100644
--- a/server/index.ts
+++ b/server/index.ts
@@ -167,8 +167,9 @@ if (isProduction) {
     // Insert OG tags before </head>
     html = html.replace('</head>', `${ogTags}</head>`);
     
-    // Update title
-    html = html.replace(/<title>.*?<\/title>/, `<title>${title} - Activiteiten Inventaris</title>`);
+    // Update title - include participant name for Matomo tracking
+    const pageTitle = `${title} - ${participant.name}`;
+    html = html.replace(/<title>.*?<\/title>/, `<title>${pageTitle}</title>`);
     
     res.send(html);
   });
diff --git a/src/pages/PublicQuestionnaire.tsx b/src/pages/PublicQuestionnaire.tsx
index f234168..d15776e 100644
--- a/src/pages/PublicQuestionnaire.tsx
+++ b/src/pages/PublicQuestionnaire.tsx
@@ -65,6 +65,16 @@ export function PublicQuestionnaire({ accessToken }: { accessToken?: string } =
     fetchQuestionnaire()
   }, [slug, effectiveToken])
 
+  // Update document title for Matomo tracking
+  useEffect(() => {
+    if (questionnaire) {
+      const title = visitorName 
+        ? `${questionnaire.title} - ${visitorName}`
+        : questionnaire.title
+      document.title = title
+    }
+  }, [questionnaire, visitorName])
+
   async function fetchQuestionnaire() {
     try {
       // Use token-based access if available