From 204dccf08b435fa677f411fda76db59bc33eb368 Mon Sep 17 00:00:00 2001
From: kolaente <k@knt.li>
Date: Mon, 23 Sep 2024 12:06:49 +0200
Subject: [PATCH] feat: add utm tag to powered by link

---
 frontend/src/components/home/ContentLinkShare.vue | 2 +-
 frontend/src/components/home/Navigation.vue       | 5 ++++-
 frontend/src/components/home/PoweredByLink.vue    | 9 ++++++++-
 frontend/src/urls.ts                              | 2 +-
 4 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/frontend/src/components/home/ContentLinkShare.vue b/frontend/src/components/home/ContentLinkShare.vue
index a6116c651..2853ff86d 100644
--- a/frontend/src/components/home/ContentLinkShare.vue
+++ b/frontend/src/components/home/ContentLinkShare.vue
@@ -21,7 +21,7 @@
 			</h1>
 			<div class="box has-text-left view">
 				<RouterView />
-				<PoweredByLink />
+				<PoweredByLink utm-medium="link_share" />
 			</div>
 		</div>
 	</div>
diff --git a/frontend/src/components/home/Navigation.vue b/frontend/src/components/home/Navigation.vue
index 23070b90f..cd390a8c0 100644
--- a/frontend/src/components/home/Navigation.vue
+++ b/frontend/src/components/home/Navigation.vue
@@ -109,7 +109,10 @@
 			</nav>
 		</template>
 
-		<PoweredByLink class="mt-auto" />
+		<PoweredByLink
+			class="mt-auto"
+			utm-medium="navigation"
+		/>
 	</aside>
 </template>
 
diff --git a/frontend/src/components/home/PoweredByLink.vue b/frontend/src/components/home/PoweredByLink.vue
index 3376c2f04..03dea4db5 100644
--- a/frontend/src/components/home/PoweredByLink.vue
+++ b/frontend/src/components/home/PoweredByLink.vue
@@ -1,7 +1,7 @@
 <template>
 	<BaseButton
 		class="menu-bottom-link"
-		:href="poweredByUrl"
+		:href="computedUrl"
 		target="_blank"
 	>
 		{{ $t('misc.poweredBy') }}
@@ -9,8 +9,15 @@
 </template>
 
 <script setup lang="ts">
+import {computed, defineProps} from 'vue'
 import BaseButton from '@/components/base/BaseButton.vue'
 import {POWERED_BY as poweredByUrl} from '@/urls'
+
+const props = defineProps<{
+	utmMedium: string;
+}>()
+
+const computedUrl = computed(() => `${poweredByUrl}&utm_medium=${props.utmMedium}`)
 </script>
 
 <style lang="scss">
diff --git a/frontend/src/urls.ts b/frontend/src/urls.ts
index dd939938d..4cfa9d19f 100644
--- a/frontend/src/urls.ts
+++ b/frontend/src/urls.ts
@@ -1,2 +1,2 @@
-export const POWERED_BY = 'https://vikunja.io'
+export const POWERED_BY = 'https://vikunja.io/?utm_source=powered_by'
 export const CALDAV_DOCS = 'https://vikunja.io/docs/caldav/'