diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index eff4597..9375471 100644
--- a/src/routes/+layout.svelte
+++ b/src/routes/+layout.svelte
@@ -149,6 +149,7 @@
 
     <script src="/assets/js/copyright-year.js" defer></script>
     <script src="/assets/js/mobile-menu-helper.js" defer></script>
+    <script src="/assets/js/clarity.js" defer></script>
 </svelte:head>
 
 <a href="#main" class="skip-link" data-umami-event="skip to main content"
diff --git a/static/assets/js/clarity.js b/static/assets/js/clarity.js
new file mode 100644
index 0000000..a3993b7
--- /dev/null
+++ b/static/assets/js/clarity.js
@@ -0,0 +1,5 @@
+(function(c,l,a,r,i,t,y){
+    c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
+    t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i+"?ref=bwt";
+    y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
+})(window, document, "clarity", "script", "vuo5q3yf79");