Merge pull request #74 from MozillaSocial/fix/posts-nested-link-clicks

fix(posts): track when users click links within posts [MOSOWEB-49]

components/status/StatusLink.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import type { mastodon } from 'masto'
+import { engagement } from '~~/telemetry/generated/ui'
+import { engagementDetails } from '~~/telemetry/engagementDetails'
 
 const props = defineProps<{
   status: mastodon.v1.Status
@@ -16,6 +18,13 @@ function onclick(evt: MouseEvent | KeyboardEvent) {
   const text = window.getSelection()?.toString()
   if (!el && !text)
     go(evt)
+
+  const eventTarget = evt?.target as Element
+  const closestLink = eventTarget.closest('a')
+  if (closestLink) {
+    const ui_identifier = 'post.link.tap'
+    engagement.record({ ui_identifier, mastodon_status_id: props.status.id, ...engagementDetails[ui_identifier] })
+  }
 }
 
 function go(evt: MouseEvent | KeyboardEvent) {

telemetry/engagementDetails.ts

@@ -1,3 +1,4 @@
+import { postEvents } from './engagementPostEvents'
 import { profileEvents } from './engagementProfileEvents'
 
 interface EngagementDetails {
@@ -35,5 +36,6 @@ export const engagementDetails: EngagementDetails = {
   'nav.login': {
     engagement_type: 'general',
   },
+  ...postEvents,
   ...profileEvents,
 }

telemetry/engagementPostEvents.js

@@ -0,0 +1,5 @@
+export const postEvents = {
+  'post.link.tap': {
+    engagement_type: 'general',
+  },
+}