Umami tracking events

2026-02-17 12:12:32 -03:00
parent d3f6747116
commit 8baf017171
6 changed files with 31 additions and 3 deletions
--- a/src/app.html
+++ b/src/app.html
@@ -9,5 +9,13 @@
    </head>
    <body data-sveltekit-preload-data="hover">
        <div style="display: contents">%sveltekit.body%</div>
+        <img
+            src="https://analytics.mifi.holdings/pixel.gif"
+            alt=""
+            width="1"
+            height="1"
+            role="presentation"
+            loading="eager"
+        />
    </body>
 </html>
--- a/src/lib/components/ContactPanel.svelte
+++ b/src/lib/components/ContactPanel.svelte
@@ -34,6 +34,7 @@
                        target="_blank"
                        rel="noopener noreferrer"
                        aria-describedby={link.description ? descriptionId : undefined}
+                        data-umami-event={`contact panel ${link.label} link`}
                    >
                        {#if link.icon}
                            <LinkIcon href={link.href} icon={link.icon} label={link.label} />
--- a/src/lib/components/Hero.svelte
+++ b/src/lib/components/Hero.svelte
@@ -35,6 +35,7 @@
                    contactOpen = true;
                    shareOpen = false;
                }}
+                data-umami-event="header contact button"
            >
                <IconContact size={20} />
            </button>
@@ -47,6 +48,7 @@
                shareOpen = true;
                contactOpen = false;
            }}
+            data-umami-event="header share button"
        >
            <IconShare size={20} />
        </button>
@@ -98,6 +100,7 @@
                        contactOpen = true;
                        shareOpen = false;
                    }}
+                    data-umami-event="hero contact button"
                >
                    <IconContact size={20} />
                    <span>Contact</span>
@@ -111,6 +114,7 @@
                    shareOpen = true;
                    contactOpen = false;
                }}
+                data-umami-event="hero share button"
            >
                <IconShare size={20} />
                <span>Share</span>
--- a/src/lib/components/Link.svelte
+++ b/src/lib/components/Link.svelte
@@ -5,7 +5,7 @@
    let { href, icon, label, description }: ProcessedLink = $props();
 </script>

-<a {href} rel="noopener noreferrer" target="_blank" class="link">
+<a {href} rel="noopener noreferrer" target="_blank" class="link" data-umami-event={`${label} link`}>
    <span class="icon" aria-hidden="true">
        <LinkIcon {href} {icon} {label} />
    </span>
--- a/src/lib/components/SharePanel.svelte
+++ b/src/lib/components/SharePanel.svelte
@@ -57,7 +57,12 @@
                    />
                </div>
            {/if}
-            <button type="button" class="panel-btn" onclick={copyLink}>
+            <button
+                type="button"
+                class="panel-btn"
+                onclick={copyLink}
+                data-umami-event="share panel copy"
+            >
                <IconCopy size={20} />
                {copied ? 'Copied!' : 'Copy link'}
            </button>
@@ -67,12 +72,18 @@
                onclick={onclose}
                target="_blank"
                rel="noopener noreferrer"
+                data-umami-event="share panel email link"
            >
                <IconEmail size={20} />
                Email link
            </a>
            {#if canShare}
-                <button type="button" class="panel-btn" onclick={share}>
+                <button
+                    type="button"
+                    class="panel-btn"
+                    onclick={share}
+                    data-umami-event="share panel device share"
+                >
                    <IconShare size={20} />
                    Share…
                </button>
--- a/src/lib/components/ThemeToggle.svelte
+++ b/src/lib/components/ThemeToggle.svelte
@@ -45,6 +45,7 @@
        aria-label="Close theme menu"
        tabindex="-1"
        onclick={() => (expanded = false)}
+        data-umami-event="theme toggle close"
    ></button>
 {/if}

@@ -64,6 +65,7 @@
            aria-current={current === 'light' ? 'true' : undefined}
            title="Light"
            onclick={() => handleClick('light')}
+            data-umami-event="theme toggle light"
        >
            <Sun size={24} />
        </button>
@@ -75,6 +77,7 @@
            aria-current={current === 'dark' ? 'true' : undefined}
            title="Dark"
            onclick={() => handleClick('dark')}
+            data-umami-event="theme toggle dark"
        >
            <Moon size={24} />
        </button>
@@ -86,6 +89,7 @@
            aria-current={current === 'auto' ? 'true' : undefined}
            title="Auto (system)"
            onclick={() => handleClick('auto')}
+            data-umami-event="theme toggle auto"
        >
            <SunMoon size={24} />
        </button>