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>
This commit is contained in:
nemunaire 2026-04-11 09:22:03 +07:00
commit 0631bb255f
3 changed files with 19 additions and 18 deletions

View file

@ -8,7 +8,7 @@
{{ i18n "cta-account-text" }} {{ i18n "cta-account-text" }}
</p> </p>
</div> </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>
</div> </div>
</section> </section>

View file

@ -12,29 +12,29 @@
<ul class="footer-links"> <ul class="footer-links">
<li><a href="#features">{{ i18n "footer-happydomain-features" }}</a></li> <li><a href="#features">{{ i18n "footer-happydomain-features" }}</a></li>
<li><a href="#discover">{{ i18n "discover-title" }}</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="#testimonials">{{ i18n "footer-happydomain-testimonials" }}</a></li-->
<li><a href="#downloads">{{ i18n "footer-happydomain-downloads" }}</a></li> <li><a href="#downloads">{{ i18n "footer-happydomain-downloads" }}</a></li>
<!--li><a href="#">{{ i18n "footer-happydomain-prices" }}</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> </ul>
</div> </div>
<div class="col"> <div class="col">
<h3>{{ i18n "footer-resources" }}</h3> <h3>{{ i18n "footer-resources" }}</h3>
<ul class="footer-links"> <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://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">{{ i18n "footer-resources-api" }}</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/">{{ i18n "footer-resources-blog" }}</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/">{{ i18n "footer-resources-newsletter" }}</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/">{{ i18n "footer-resources-community" }}</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--> <!--li><a href="#">{{ i18n "footer-resources-faq" }}</a></li-->
</ul> </ul>
</div> </div>
<div class="col"> <div class="col">
<h3>{{ i18n "footer-company" }}</h3> <h3>{{ i18n "footer-company" }}</h3>
<ul class="footer-links"> <ul class="footer-links">
<li><a href="{{ i18n "footer-us-button-link" }}">{{ i18n "footer-company-about" }}</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/">{{ i18n "footer-company-contact" }}</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/"> <li><a href="/{{ .Site.Language.Lang }}/legal-notice/">
{{ i18n "legal-notice" }} {{ i18n "legal-notice" }}
</a></li> </a></li>
@ -43,22 +43,23 @@
<div class="col"> <div class="col">
<h3>{{ i18n "footer-follow" }}</h3> <h3>{{ i18n "footer-follow" }}</h3>
<div class="d-flex flex-wrap justify-content-between footer-links" style="gap: .5em; font-size: 2em"> <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> <i class="bi bi-gitlab"></i>
</a> </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> <i class="bi bi-github"></i>
</a> </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> <i class="bi bi-lightbulb-fill"></i>
</a> </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> <i class="bi bi-mastodon"></i>
</a> </a>
<a <a
href="#" href="#"
data-contact="Y29udGFjdEBoYXBweWRvbWFpbi5vcmc=" data-contact="Y29udGFjdEBoYXBweWRvbWFpbi5vcmc="
onfocus="this.href = 'mailto:' + atob(this.dataset.contact)" onfocus="this.href = 'mailto:' + atob(this.dataset.contact)"
data-umami-event="footer-email"
> >
<i class="bi bi-envelope-at"></i> <i class="bi bi-envelope-at"></i>
</a> </a>

View file

@ -27,7 +27,7 @@
<div class="row cols-1 cols-sm-3 mt-4"> <div class="row cols-1 cols-sm-3 mt-4">
<div class="col"> <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"> <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"> <img src="/img/screenshots/users/survey.webp" alt="{{ i18n "footer-discuss-feedback" }}" class="w-100 mb-3 flex-grow-1">
</div> </div>
@ -35,7 +35,7 @@
</a> </a>
</div> </div>
<div class="col"> <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"> <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"> <img src="/img/screenshots/users/matrix-logo.svg" alt="{{ i18n "footer-discuss-matrix" }}" class="w-100 mb-3">
</div> </div>
@ -43,7 +43,7 @@
</a> </a>
</div> </div>
<div class="col"> <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"> <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"> <img src="/img/screenshots/users/libera-color.svg" alt="{{ i18n "footer-discuss-irc" }}" class="w-100 mb-3">
</div> </div>
@ -70,7 +70,7 @@
<p> <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" }} {{ 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> </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" }} {{ i18n "footer-us-button" }}
</a> </a>
</div> </div>