diff --git a/charts/xslt-playground/templates/frontend-deployment.yaml b/charts/xslt-playground/templates/frontend-deployment.yaml
index 6ff3a93b..285c20de 100644
--- a/charts/xslt-playground/templates/frontend-deployment.yaml
+++ b/charts/xslt-playground/templates/frontend-deployment.yaml
@@ -34,6 +34,10 @@ spec:
             - name: VITE_GA_ID
               value: {{ .Values.frontend.googleAnalyticsId | quote }}
 {{- end }}
+{{- if .Values.frontend.clarityId }}
+            - name: VITE_CLARITY_ID
+              value: {{ .Values.frontend.clarityId | quote }}
+{{- end }}
 {{- if .Values.adsTxt }}
           volumeMounts:
             - name: ads
diff --git a/charts/xslt-playground/values.yaml b/charts/xslt-playground/values.yaml
index a9b36954..8da7bedd 100644
--- a/charts/xslt-playground/values.yaml
+++ b/charts/xslt-playground/values.yaml
@@ -64,6 +64,8 @@ frontend:
   backendUrl: ""
   # Optional Google Analytics measurement ID
   googleAnalyticsId: ""
+  # Optional Microsoft Clarity project ID
+  clarityId: ""
 
 # Content for the optional ads.txt file served by the frontend
 adsTxt: ""
diff --git a/frontend/entrypoint.sh b/frontend/entrypoint.sh
index cb7666cc..5a302750 100755
--- a/frontend/entrypoint.sh
+++ b/frontend/entrypoint.sh
@@ -12,6 +12,7 @@ ADSENSE_CLIENT_ESC=$(escape_js_string "${VITE_ADSENSE_CLIENT}")
 ADSENSE_SLOT_ESC=$(escape_js_string "${VITE_ADSENSE_SLOT}")
 FIREBASE_CONFIG_ESC=$(escape_js_string "${VITE_FIREBASE_CONFIG}")
 GA_ID_ESC=$(escape_js_string "${VITE_GA_ID}")
+CLARITY_ID_ESC=$(escape_js_string "${VITE_CLARITY_ID}")
 
 # Write runtime environment variables for the frontend
 cat <<EOF >/usr/share/nginx/html/env.js
@@ -21,7 +22,8 @@ window.env = {
   VITE_ADSENSE_CLIENT: "${ADSENSE_CLIENT_ESC}",
   VITE_ADSENSE_SLOT: "${ADSENSE_SLOT_ESC}",
   VITE_FIREBASE_CONFIG: "${FIREBASE_CONFIG_ESC}",
-  VITE_GA_ID: "${GA_ID_ESC}"
+  VITE_GA_ID: "${GA_ID_ESC}",
+  VITE_CLARITY_ID: "${CLARITY_ID_ESC}"
 };
 EOF