analytics

src/content/pages/colophon.md

@@ -10,14 +10,16 @@ This colophon page outlines the technology and tools used to build this site.
 
 This site is built with [Astro](https://astro.build), a web framework.
 
-[Tailwind CSS](https://tailwindcss.com/), a CSS framework, is used for styling.
+[Tailwind CSS](https://tailwindcss.com/) is used for base CSS styles.
 
 [Netlify](https://www.netlify.com/) handles hosting, deployment, and edge functions used to generate Open Graph images.
 
 [Orama](https://www.oramasearch.com/) is used for search functionality.
 
 Unit tests are run with [Vitest](https://vitest.dev/). End-to-end tests are run with [Cypress](https://www.cypress.io/).
 
+Analytics are powered by [Clarity](https://clarity.microsoft.com/). Privacy info is [available here](https://learn.microsoft.com/en-us/clarity/faq#privacy).
+
 ### Design and Visual Elements
 [DM Sans](https://fonts.google.com/specimen/DM+Sans) is a sans serif font under the Open Font License.
 

src/layouts/Layout.astro

@@ -70,5 +70,20 @@ const pathname = Astro.url.pathname;
     {/*voice && <PlayVoice id={pathname} />*/}
 
     <Footer />
+
+    <script is:inline>
+      (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;
+        y = l.getElementsByTagName(r)[0];
+        y.parentNode.insertBefore(t, y);
+      })(window, document, "clarity", "script", "kh936c7uh5");
+    </script>
   </body>
 </html>