feat(website): Umami analytics (conversion + CTA events)

Add the Umami tracker (cookieless, no consent banner) in the document head,
limited to the production hostnames via data-domains so dev traffic doesn't
pollute the stats. Pageviews are auto-tracked per page and locale.

Custom events on the key funnel:
- demo-request (demo form submit, with teamSize)
- partner-application (partner form submit, with type)
- book-demo (every "Book a demo" CTA click) via data-umami-event
- login (clicks through to the app)

Also fix the mobile nav menu links, which weren't localized (would drop
Danish visitors back to English).
This commit is contained in:
Ronni Baslund
2026-06-06 21:14:42 +02:00
parent 7bee161ac1
commit 554cb99f2c
11 changed files with 35 additions and 13 deletions
+1 -1
View File
@@ -57,7 +57,7 @@ useHead({ title: () => `${copy.value.pages.contact.label} · dezky` })
<div>
<h2 :style="h2">{{ c.demoHeading }}</h2>
<p :style="{ fontFamily: '\'Inter\', sans-serif', fontSize: '18px', lineHeight: 1.6, color: t.fgMuted, margin: '18px 0 28px', textWrap: 'pretty' }">{{ c.demoBody }}</p>
<LandingBtn variant="primary" size="lg" @click="navigateTo(localePath('/demo'))">{{ copy.pages.ctaDemo }} </LandingBtn>
<LandingBtn variant="primary" size="lg" data-umami-event="book-demo" @click="navigateTo(localePath('/demo'))">{{ copy.pages.ctaDemo }} </LandingBtn>
</div>
</div>
</div>
+2 -1
View File
@@ -3,7 +3,7 @@
// info@dezky.eu (zero backend, no US tools). Swap this for the self-built
// embedded scheduler later — the copy + layout can stay.
import { ref, computed } from 'vue'
import { useTheme, useCopy } from '~/composables/useLanding'
import { useTheme, useCopy, track } from '~/composables/useLanding'
definePageMeta({ layout: 'page' })
@@ -28,6 +28,7 @@ function submit() {
'',
message.value,
].join('\n')
track('demo-request', { teamSize: team.value })
window.location.href = `mailto:info@dezky.eu?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`
}
+1 -1
View File
@@ -27,7 +27,7 @@ useHead({ title: () => `${copy.value.pages.migration.label} · dezky` })
<p :style="{ marginTop: '64px', fontFamily: '\'Inter\', sans-serif', fontSize: '16px', color: t.fg }">{{ c.note }}</p>
<div :style="{ marginTop: '32px' }">
<LandingBtn variant="primary" size="lg" @click="navigateTo(localePath('/demo'))">{{ copy.pages.ctaDemo }} </LandingBtn>
<LandingBtn variant="primary" size="lg" data-umami-event="book-demo" @click="navigateTo(localePath('/demo'))">{{ copy.pages.ctaDemo }} </LandingBtn>
</div>
</LandingContainer>
</template>
+3 -2
View File
@@ -1,6 +1,6 @@
<script setup lang="ts">
import { ref } from 'vue'
import { useTheme, useCopy } from '~/composables/useLanding'
import { useTheme, useCopy, track } from '~/composables/useLanding'
definePageMeta({ layout: 'page' })
@@ -35,6 +35,7 @@ function submitPartner() {
'',
pMessage.value,
].join('\n')
track('partner-application', { type: pType.value })
window.location.href = `mailto:info@dezky.eu?subject=${encodeURIComponent(subject)}&body=${encodeURIComponent(body)}`
}
@@ -197,7 +198,7 @@ useHead({ title: () => `${copy.value.pages.partners.label} · dezky` })
<p :style="{ marginTop: '20px', fontFamily: '\'Inter\', sans-serif', fontSize: '18px', lineHeight: 1.6, color: t.fgMuted, maxWidth: '420px', textWrap: 'pretty' }">{{ c.form.lede }}</p>
<button
:style="{ marginTop: '28px', background: 'transparent', border: 'none', padding: 0, cursor: 'pointer', fontFamily: '\'Inter\', sans-serif', fontSize: '15px', color: t.fgMuted, textDecoration: 'underline', textUnderlineOffset: '3px' }"
@click="navigateTo(localePath('/demo'))"
data-umami-event="book-demo" @click="navigateTo(localePath('/demo'))"
>{{ c.cta }} </button>
</div>