From 151ab7c86dc7b641de27e823d2ab3b412e785e83 Mon Sep 17 00:00:00 2001
From: nicwands <wands.nic@gmail.com>
Date: Wed, 12 Aug 2026 10:16:19 -0400
Subject: [PATCH] add umami events

---
 src/components/DlRow.vue       | 26 +++++++++++++++++++++++++-
 src/components/site/Footer.vue | 10 +++++++++-
 2 files changed, 34 insertions(+), 2 deletions(-)

diff --git a/src/components/DlRow.vue b/src/components/DlRow.vue
index ccba523..2ea9bdf 100644
--- a/src/components/DlRow.vue
+++ b/src/components/DlRow.vue
@@ -1,5 +1,5 @@
 <template>
-    <div v-if="row" class="dl-row">
+    <div v-if="row" class="dl-row" ref="container">
         <span class="label">{{ row.label }}:</span>
 
         <strapi-content class="content" :content="row.content" />
@@ -7,7 +7,31 @@
 </template>
 
 <script setup>
+import { onBeforeUnmount, onMounted, ref } from 'vue'
+
 const props = defineProps({ row: Object })
+
+const container = ref()
+const links = ref([])
+
+const onLinkClick = (e) => {
+    window?.umami?.track(`${props.row.label} link clicked`, {
+        linkText: e.target?.innerText,
+    })
+}
+
+onMounted(() => {
+    links.value = Array.from(container.value?.querySelectorAll('a'))
+
+    links.value.forEach((link) => {
+        link.addEventListener('click', onLinkClick)
+    })
+})
+onBeforeUnmount(() => {
+    links.value.forEach((link) => {
+        link.removeEventListener('click', onLinkClick)
+    })
+})
 </script>
 
 <style lang="scss">
diff --git a/src/components/site/Footer.vue b/src/components/site/Footer.vue
index db581f4..5556c5f 100644
--- a/src/components/site/Footer.vue
+++ b/src/components/site/Footer.vue
@@ -2,7 +2,7 @@
     <footer class="site-footer">
         <p class="p-small">&copy; {{ currentYear }} Nic Wands</p>
 
-        <button class="info-button" @click="infoWindowOpen = !infoWindowOpen">
+        <button class="info-button" @click="toggleInfoWindow">
             <img src="/images/info.gif" alt="Info" />
         </button>
 
@@ -42,6 +42,14 @@ onClickOutside(infoWindow, () => {
 const currentYear = computed(() => {
     return new Date().getFullYear()
 })
+
+const toggleInfoWindow = () => {
+    if (!infoWindowOpen.value) {
+        window?.umami?.track('Info Window')
+    }
+
+    infoWindowOpen.value = !infoWindowOpen.value
+}
 </script>
 
 <style lang="scss">