update tracking

yyx990803 · yyx990803 · commit 7884764f91cd · 2023-01-18T11:54:20.000+08:00
diff --git a/.vitepress/theme/components/SponsorsGroup.vue b/.vitepress/theme/components/SponsorsGroup.vue
@@ -2,9 +2,11 @@
 import { onMounted, onUnmounted } from 'vue'
 import { SponsorData, data, base, load } from './sponsors'
 
+type Placement = 'aside' | 'page' | 'landing'
+
 const { tier, placement = 'aside' } = defineProps<{
   tier: keyof SponsorData
-  placement?: 'aside' | 'page' | 'landing'
+  placement?: Placement
 }>()
 
 let container = $ref<HTMLElement>()
@@ -28,8 +30,15 @@ onMounted(async () => {
   await load()
 })
 
-function track(sponsorID: string) {
-  fathom.trackGoal(`sponsor-click-${placement}-${sponsorID}`, 0)
+// fathom events
+const eventMap: Record<Placement, string> = {
+  aside: '4QUPDDRU',
+  landing: '58FLAR2Z',
+  page: 'ZXLO3IUT'
+}
+
+function track(interest?: boolean) {
+  fathom.trackGoal(interest ? `Y2BVYNT2` : eventMap[placement], 0)
 }
 </script>
 
@@ -46,7 +55,7 @@ function track(sponsorID: string) {
         :href="url"
         target="_blank"
         rel="sponsored noopener"
-        @click="track(name)"
+        @click="track()"
       >
         <picture v-if="img.endsWith('png')">
           <source
@@ -62,7 +71,7 @@ function track(sponsorID: string) {
       v-if="placement !== 'page' && tier !== 'special'"
       href="/sponsor/"
       class="sponsor-item action"
-      @click="track('INTEREST')"
+      @click="track(true)"
       >Your logo</a
     >
   </div>
diff --git a/src/partners/components/PartnerCard.vue b/src/partners/components/PartnerCard.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import { Partner } from './type'
-import { normalizeName, getHero, getLogo } from './utils'
+import { normalizeName, getHero, getLogo, track } from './utils'
 import Location from './PartnerLocation.vue'
 
 const { data, hero, page } = defineProps<{
@@ -19,10 +19,6 @@ const {
   flipLogo,
   website
 } = data
-
-function track(id: string, linkType: string) {
-  fathom.trackGoal(`partner-click-${id}-${linkType}`, 0)
-}
 </script>
 
 <template>
@@ -33,7 +29,7 @@ function track(id: string, linkType: string) {
     :href="'/partners/' + normalizeName(name) + '.html'"
   >
     <div class="info">
-      <a :href="website.url" target="_blank" @click="track(name, 'logo')">
+      <a :href="website.url" target="_blank" @click="track">
         <img
           class="logo dark"
           v-if="hero && flipLogo"
diff --git a/src/partners/components/PartnerPage.vue b/src/partners/components/PartnerPage.vue
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import data from '../partners.json'
 import { Partner } from './type'
-import { normalizeName } from './utils'
+import { normalizeName, track } from './utils'
 import PartnerCard from './PartnerCard.vue'
 import { VTIconChevronLeft } from '@vue/theme'
 
@@ -18,10 +18,6 @@ const { name, description, hiring, contact, website } = p
 function genMailLink(email: string) {
   return `mailto:${email}?subject=Looking for a Vue.js Partner`
 }
-
-function track(id: string, linkType: string) {
-  fathom.trackGoal(`partner-click-${id}-${linkType}`, 0)
-}
 </script>
 
 <template>
@@ -40,25 +36,20 @@ function track(id: string, linkType: string) {
     </div>
 
     <div class="actions">
-      <a
-        :href="website.url"
-        target="_blank"
-        @click="track(name, 'website')"
+      <a :href="website.url" target="_blank" @click="track"
         >Visit Website</a
       >
       <a
         class="contact"
         :href="genMailLink(contact)"
         target="_blank"
-        @click="track(name, 'tracking')"
+        @click="track"
         >Contact</a
       >
     </div>
 
     <div class="hiring" v-if="hiring">
-      <a :href="hiring" @click="track(name, 'hiring')"
-        >{{ name }} is hiring!</a
-      >
+      <a :href="hiring" @click="track">{{ name }} is hiring!</a>
     </div>
   </div>
 </template>
diff --git a/src/partners/components/utils.ts b/src/partners/components/utils.ts
@@ -1,3 +1,7 @@
+export function track() {
+  fathom.trackGoal('TTDUIE6G', 0)
+}
+
 export function normalizeName(name: string) {
   return name.toLowerCase().replace(/\s+/g, '')
 }

Original file line number	Diff line number	Diff line change
`@@ -1,3 +1,7 @@`
	`1`	`+export function track() {`
	`2`	`+ fathom.trackGoal('TTDUIE6G', 0)`
	`3`	`+}`
	`4`	`+`
`1`	`5`	`export function normalizeName(name: string) {`
`2`	`6`	`return name.toLowerCase().replace(/\s+/g, '')`
`3`	`7`	`}`