From 0631bb255f2d61eac41b68ef5c6f368eb3de33b1 Mon Sep 17 00:00:00 2001
From: Pierre-Olivier Mercier <nemunaire@nemunai.re>
Date: Sat, 11 Apr 2026 09:22:03 +0700
Subject: [PATCH] Complete Umami event tracking coverage across all partials

Add data-umami-event attributes to all meaningful links that were
missing tracking:
- Footer: try-it, GitHub, docs, API, blog, newsletter, community,
  about, contact, and all social icons (Framagit, GitHub, feedback,
  Mastodon, email)
- CTA join section: primary signup button
- Usage footer: survey, Matrix, IRC, and about links (with per-page
  content base name for granular tracking)

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 layouts/partials/cta-join.html     |  2 +-
 layouts/partials/footer.html       | 27 ++++++++++++++-------------
 layouts/partials/usage_footer.html |  8 ++++----
 3 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/layouts/partials/cta-join.html b/layouts/partials/cta-join.html
index 6109549..dd33fba 100644
--- a/layouts/partials/cta-join.html
+++ b/layouts/partials/cta-join.html
@@ -8,7 +8,7 @@
           {{ i18n "cta-account-text" }}
         </p>
       </div>
-      <a href="/join" class="btn btn-lg btn-light px-4" style="border-radius: 2em">{{ i18n "cta-account-button" }}</a>
+      <a href="/join" class="btn btn-lg btn-light px-4" style="border-radius: 2em" data-umami-event="cta-join">{{ i18n "cta-account-button" }}</a>
     </div>
   </div>
 </section>
diff --git a/layouts/partials/footer.html b/layouts/partials/footer.html
index b5523e7..3b8fcba 100644
--- a/layouts/partials/footer.html
+++ b/layouts/partials/footer.html
@@ -12,29 +12,29 @@
         <ul class="footer-links">
           <li><a href="#features">{{ i18n "footer-happydomain-features" }}</a></li>
           <li><a href="#discover">{{ i18n "discover-title" }}</a></li>
-          <li><a href="https://try.happydomain.org/">{{ i18n "tryit" }}</a></li>
+          <li><a href="https://try.happydomain.org/" data-umami-event="footer-tryit">{{ i18n "tryit" }}</a></li>
           <!--li><a href="#testimonials">{{ i18n "footer-happydomain-testimonials" }}</a></li-->
           <li><a href="#downloads">{{ i18n "footer-happydomain-downloads" }}</a></li>
           <!--li><a href="#">{{ i18n "footer-happydomain-prices" }}</a></li-->
-          <li><a href="https://github.com/happyDomain/happydomain/">{{ i18n "footer-happydomain-github" }}</a></li>
+          <li><a href="https://github.com/happyDomain/happydomain/" data-umami-event="footer-github">{{ i18n "footer-happydomain-github" }}</a></li>
         </ul>
       </div>
       <div class="col">
         <h3>{{ i18n "footer-resources" }}</h3>
         <ul class="footer-links">
-          <li><a href="https://help.happydomain.org/{{ .Site.Language.Lang }}/" target="_blank">{{ i18n "footer-resources-docs" }}</a></li>
-          <li><a href="https://app.happydomain.org/swagger/index.html" target="_blank">{{ i18n "footer-resources-api" }}</a></li>
-          <li><a href="https://blog.happydomain.org/">{{ i18n "footer-resources-blog" }}</a></li>
-          <li><a href="/{{ .Site.Language.Lang }}/newsletter/">{{ i18n "footer-resources-newsletter" }}</a></li>
-          <li><a href="/{{ .Site.Language.Lang }}/community/">{{ i18n "footer-resources-community" }}</a></li>
+          <li><a href="https://help.happydomain.org/{{ .Site.Language.Lang }}/" target="_blank" data-umami-event="footer-docs">{{ i18n "footer-resources-docs" }}</a></li>
+          <li><a href="https://app.happydomain.org/swagger/index.html" target="_blank" data-umami-event="footer-api">{{ i18n "footer-resources-api" }}</a></li>
+          <li><a href="https://blog.happydomain.org/" data-umami-event="footer-blog">{{ i18n "footer-resources-blog" }}</a></li>
+          <li><a href="/{{ .Site.Language.Lang }}/newsletter/" data-umami-event="footer-newsletter">{{ i18n "footer-resources-newsletter" }}</a></li>
+          <li><a href="/{{ .Site.Language.Lang }}/community/" data-umami-event="footer-community">{{ i18n "footer-resources-community" }}</a></li>
           <!--li><a href="#">{{ i18n "footer-resources-faq" }}</a></li-->
         </ul>
       </div>
       <div class="col">
         <h3>{{ i18n "footer-company" }}</h3>
         <ul class="footer-links">
-          <li><a href="{{ i18n "footer-us-button-link" }}">{{ i18n "footer-company-about" }}</a></li>
-          <li><a href="/{{ .Site.Language.Lang }}/community/">{{ i18n "footer-company-contact" }}</a></li>
+          <li><a href="{{ i18n "footer-us-button-link" }}" data-umami-event="footer-about">{{ i18n "footer-company-about" }}</a></li>
+          <li><a href="/{{ .Site.Language.Lang }}/community/" data-umami-event="footer-contact">{{ i18n "footer-company-contact" }}</a></li>
           <li><a href="/{{ .Site.Language.Lang }}/legal-notice/">
               {{ i18n "legal-notice" }}
           </a></li>
@@ -43,22 +43,23 @@
       <div class="col">
         <h3>{{ i18n "footer-follow" }}</h3>
         <div class="d-flex flex-wrap justify-content-between footer-links" style="gap: .5em; font-size: 2em">
-          <a href="https://framagit.org/happyDomain/happydomain" target="_blank">
+          <a href="https://framagit.org/happyDomain/happydomain" target="_blank" data-umami-event="footer-framagit">
             <i class="bi bi-gitlab"></i>
           </a>
-          <a href="https://github.com/happyDomain/happydomain" target="_blank">
+          <a href="https://github.com/happyDomain/happydomain" target="_blank" data-umami-event="footer-github-social">
             <i class="bi bi-github"></i>
           </a>
-          <a href="https://feedback.happydomain.org/" target="_blank">
+          <a href="https://feedback.happydomain.org/" target="_blank" data-umami-event="footer-feedback">
             <i class="bi bi-lightbulb-fill"></i>
           </a>
-          <a href="https://floss.social/@happyDomain" target="_blank">
+          <a href="https://floss.social/@happyDomain" target="_blank" data-umami-event="footer-mastodon">
             <i class="bi bi-mastodon"></i>
           </a>
           <a
             href="#"
             data-contact="Y29udGFjdEBoYXBweWRvbWFpbi5vcmc="
             onfocus="this.href = 'mailto:' + atob(this.dataset.contact)"
+            data-umami-event="footer-email"
           >
             <i class="bi bi-envelope-at"></i>
           </a>
diff --git a/layouts/partials/usage_footer.html b/layouts/partials/usage_footer.html
index accd147..9bff8fe 100644
--- a/layouts/partials/usage_footer.html
+++ b/layouts/partials/usage_footer.html
@@ -27,7 +27,7 @@
 
       <div class="row cols-1 cols-sm-3 mt-4">
         <div class="col">
-          <a href="{{ .Site.Params.survey }}" class="card h-100 pb-2 justify-content-between">
+          <a href="{{ .Site.Params.survey }}" class="card h-100 pb-2 justify-content-between" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-survey">
             <div class="d-flex flex-fill justify-content-center flex-column">
               <img src="/img/screenshots/users/survey.webp" alt="{{ i18n "footer-discuss-feedback" }}" class="w-100 mb-3 flex-grow-1">
             </div>
@@ -35,7 +35,7 @@
           </a>
         </div>
         <div class="col">
-          <a href="https://matrix.to/#/#happyDNS:matrix.org" class="card h-100 p-2 justify-content-between">
+          <a href="https://matrix.to/#/#happyDNS:matrix.org" class="card h-100 p-2 justify-content-between" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-matrix">
             <div class="d-flex flex-fill justify-content-center flex-column">
               <img src="/img/screenshots/users/matrix-logo.svg" alt="{{ i18n "footer-discuss-matrix" }}" class="w-100 mb-3">
             </div>
@@ -43,7 +43,7 @@
           </a>
         </div>
         <div class="col">
-          <a href="https://web.libera.chat/#happydns" class="card h-100 p-2 justify-content-between">
+          <a href="https://web.libera.chat/#happydns" class="card h-100 p-2 justify-content-between" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-irc">
             <div class="d-flex flex-fill justify-content-center flex-column">
               <img src="/img/screenshots/users/libera-color.svg" alt="{{ i18n "footer-discuss-irc" }}" class="w-100 mb-3">
             </div>
@@ -70,7 +70,7 @@
         <p>
           {{ i18n "footer-us-text-1" }}<span class="text-dark text-hilight px-1">{{ i18n "footer-us-text-hilight" }}</span>{{ i18n "footer-us-text-2" }}
         </p>
-        <a href="{{ i18n "footer-us-button-link" }}" class="btn btn-outline-light">
+        <a href="{{ i18n "footer-us-button-link" }}" class="btn btn-outline-light" data-umami-event="cta-{{ .Page.File.ContentBaseName }}-about">
           {{ i18n "footer-us-button" }}
         </a>
       </div>