diff --git a/components/account/AccountFollowButton.vue b/components/account/AccountFollowButton.vue
index ecada64e54..4c229e4aa0 100644
--- a/components/account/AccountFollowButton.vue
+++ b/components/account/AccountFollowButton.vue
@@ -1,10 +1,13 @@
 <script setup lang="ts">
 import type { mastodon } from 'masto'
+import { engagement } from '~~/telemetry/generated/ui'
+import { engagementDetails } from '~~/telemetry/engagementDetails'
 import { toggleFollowAccount, useRelationship } from '~~/composables/masto/relationship'
 
-const { account, command, context, ...props } = defineProps<{
+const { account, command, context, gleanContext, ...props } = defineProps<{
   account: mastodon.v1.Account
   relationship?: mastodon.v1.Relationship
+  gleanContext?: string
   context?: 'followedBy' | 'following'
   command?: boolean
 }>()
@@ -65,6 +68,57 @@ const buttonStyle = $computed(() => {
   // If not following, use a button style
   return 'text-inverted bg-primary border-primary'
 })
+
+const dataGlean = $computed(() => {
+  if (!gleanContext)
+    return undefined
+
+  let action
+  if (relationship?.blocking)
+    action = 'follow-btn.unblock'
+  else if (relationship?.muting)
+    action = 'follow-btn.unmute'
+  else if (relationship ? relationship.following : context === 'following')
+    action = 'follow-btn.unfollow'
+  else if (relationship?.requested)
+    action = 'follow-btn.withdraw-follow-request'
+  else if ((relationship ? relationship.followedBy : context === 'followedBy') && account.locked)
+    action = 'follow-btn.follow-request'
+  else
+    action = 'follow-btn.follow'
+
+  return `${gleanContext}.${action}`
+})
+
+function handleClick() {
+  function recordEngagement() {
+    engagement.record({
+      ui_identifier: dataGlean,
+      mastodon_account_id: account.id,
+      mastodon_account_handle: account.acct,
+      ...engagementDetails[dataGlean],
+    })
+  }
+
+  const unfollow = relationship?.following || relationship?.requested
+
+  // Make sure recordEngagement is called before making changes to account/relationship
+  if (relationship?.blocking) {
+    recordEngagement()
+    unblock()
+  }
+  else if (relationship?.muting) {
+    recordEngagement()
+    unmute()
+  }
+  else if (unfollow) {
+    toggleFollowAccount(relationship!, account, dataGlean)
+  }
+  else {
+    recordEngagement()
+    toggleFollowAccount(relationship!, account)
+  }
+}
 </script>
 
 <template>
@@ -75,7 +129,7 @@ const buttonStyle = $computed(() => {
     rounded-full flex="~ gap2 center" font-500 min-w-30 h-fit px3 py1
     :class="buttonStyle"
     :hover="!relationship?.blocking && !relationship?.muting && relationship?.following ? 'border-red text-red' : 'bg-base border-primary text-primary'"
-    @click="relationship?.blocking ? unblock() : relationship?.muting ? unmute() : toggleFollowAccount(relationship!, account)"
+    @click="handleClick"
   >
     <template v-if="relationship?.blocking">
       <span elk-group-hover="hidden">{{ $t('account.blocking') }}</span>
diff --git a/components/account/AccountHeader.vue b/components/account/AccountHeader.vue
index 760dfc0ef0..9ed70e1aad 100644
--- a/components/account/AccountHeader.vue
+++ b/components/account/AccountHeader.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 { account } = defineProps<{
   account: mastodon.v1.Account
@@ -50,6 +52,14 @@ function previewAvatar() {
 }
 
 async function toggleNotifications() {
+  const dataGlean = relationship?.notifying ? 'profile.notify.stop' : 'profile.notify.start'
+  engagement.record({
+    ui_identifier: dataGlean,
+    mastodon_account_id: account.id,
+    mastodon_account_handle: account.acct,
+    ...engagementDetails[dataGlean],
+  })
+
   relationship!.notifying = !relationship?.notifying
   try {
     const newRel = await client.v1.accounts.follow(account.id, { notify: relationship?.notifying })
@@ -128,7 +138,7 @@ const personalNoteMaxLength = 2000
             >
               {{ $t('settings.profile.appearance.title') }}
             </NuxtLink>
-            <AccountFollowButton :account="account" :command="command" />
+            <AccountFollowButton :account="account" :command="command" glean-context="profile" />
             <span inset-ie-0 flex gap-2 items-center>
               <AccountMoreButton
                 :account="account" :command="command"
@@ -153,6 +163,7 @@ const personalNoteMaxLength = 2000
                     :aria-label="$t('list.modify_account')"
                     rounded-full text-sm p2 border-1 transition-colors
                     border-base hover:text-primary
+                    data-glean="profile.modify-lists"
                   >
                     <span i-ri:play-list-add-fill block text-current />
                   </button>
diff --git a/components/account/AccountMoreButton.vue b/components/account/AccountMoreButton.vue
index 44392ef494..b34cfe2664 100644
--- a/components/account/AccountMoreButton.vue
+++ b/components/account/AccountMoreButton.vue
@@ -1,6 +1,8 @@
 <script setup lang="ts">
 import type { mastodon } from 'masto'
 import { toggleBlockAccount, toggleBlockDomain, toggleMuteAccount } from '~~/composables/masto/relationship'
+import { engagement } from '~~/telemetry/generated/ui'
+import { engagementDetails } from '~~/telemetry/engagementDetails'
 
 const { account } = defineProps<{
   account: mastodon.v1.Account
@@ -21,27 +23,46 @@ const { client } = $(useMasto())
 const useStarFavoriteIcon = usePreferences('useStarFavoriteIcon')
 const { share, isSupported: isShareSupported } = useShare()
 
+function recordEngagement(dataGlean: string) {
+  engagement.record({
+    ui_identifier: dataGlean,
+    mastodon_account_id: account.id,
+    mastodon_account_handle: account.acct,
+    ...engagementDetails[dataGlean],
+  })
+}
+
 function shareAccount() {
+  recordEngagement('profile.more.share-account')
   share({ url: location.href })
 }
 
 async function toggleReblogs() {
-  if (!relationship!.showingReblogs && await openConfirmDialog({
-    title: t('confirm.show_reblogs.title', [account.acct]),
-    confirm: t('confirm.show_reblogs.confirm'),
-    cancel: t('confirm.show_reblogs.cancel'),
-  }) !== 'confirm')
-    return
+  if (!relationship!.showingReblogs) {
+    if (await openConfirmDialog({
+      title: t('confirm.show_reblogs.title', [account.acct]),
+      confirm: t('confirm.show_reblogs.confirm'),
+      cancel: t('confirm.show_reblogs.cancel'),
+    }) !== 'confirm')
+      return
+    recordEngagement('profile.more.show-boosts')
+  }
+  else {
+    recordEngagement('profile.more.hide-boosts')
+  }
 
   const showingReblogs = !relationship?.showingReblogs
   relationship = await client.v1.accounts.follow(account.id, { reblogs: showingReblogs })
 }
 
 async function addUserNote() {
+  recordEngagement('profile.more.add-note')
   emit('addNote')
 }
 
 async function removeUserNote() {
+  recordEngagement('profile.more.remove-note')
+
   if (!relationship!.note || relationship!.note.length === 0)
     return
 
@@ -49,11 +70,16 @@ async function removeUserNote() {
   relationship!.note = newNote.note
   emit('removeNote')
 }
+
+function report() {
+  recordEngagement('profile.more.report.open')
+  openReportDialog(account)
+}
 </script>
 
 <template>
   <CommonDropdown :eager-mount="command">
-    <button flex gap-1 items-center w-full rounded op75 hover="op100 text-purple" group aria-label="More actions">
+    <button flex gap-1 items-center w-full rounded op75 hover="op100 text-purple" group aria-label="More actions" data-glean="profile.more.open">
       <div rounded-5 p2 elk-group-hover="bg-purple/10">
         <div i-ri:more-2-fill />
       </div>
@@ -62,12 +88,15 @@ async function removeUserNote() {
     <template #popper>
       <NuxtLink v-if="notLocal" :to="account.url" external target="_blank">
         <CommonDropdownItem
+          is="button"
           :text="$t('menu.open_in_original_site')"
           icon="i-ri:arrow-right-up-line"
           :command="command"
+          data-glean="profile.more.open-in-original-site"
         />
       </NuxtLink>
       <CommonDropdownItem
+        is="button"
         v-if="isShareSupported"
         :text="`Share @${account.acct}`"
         icon="i-ri:share-line"
@@ -78,19 +107,22 @@ async function removeUserNote() {
       <template v-if="currentUser">
         <template v-if="!isSelf">
           <CommonDropdownItem
+            is="button"
             :text="$t('menu.mention_account', [`@${account.acct}`])"
             icon="i-ri:at-line"
             :command="command"
-            @click="mentionUser(account)"
+            @click="mentionUser(account, 'profile.more.mention')"
           />
           <CommonDropdownItem
+            is="button"
             :text="$t('menu.direct_message_account', [`@${account.acct}`])"
             icon="i-ri:message-3-line"
             :command="command"
-            @click="directMessageUser(account)"
+            @click="directMessageUser(account, 'profile.more.direct-message')"
           />
 
           <CommonDropdownItem
+            is="button"
             v-if="!relationship?.showingReblogs"
             icon="i-ri:repeat-line"
             :text="$t('menu.show_reblogs', [`@${account.acct}`])"
@@ -98,6 +130,7 @@ async function removeUserNote() {
             @click="toggleReblogs()"
           />
           <CommonDropdownItem
+            is="button"
             v-else
             :text="$t('menu.hide_reblogs', [`@${account.acct}`])"
             icon="i-ri:repeat-line"
@@ -106,6 +139,7 @@ async function removeUserNote() {
           />
 
           <CommonDropdownItem
+            is="button"
             v-if="!relationship?.note || relationship?.note?.length === 0"
             :text="$t('menu.add_personal_note', [`@${account.acct}`])"
             icon="i-ri-edit-2-line"
@@ -113,6 +147,7 @@ async function removeUserNote() {
             @click="addUserNote()"
           />
           <CommonDropdownItem
+            is="button"
             v-else
             :text="$t('menu.remove_personal_note', [`@${account.acct}`])"
             icon="i-ri-edit-2-line"
@@ -121,75 +156,82 @@ async function removeUserNote() {
           />
 
           <CommonDropdownItem
+            is="button"
             v-if="!relationship?.muting"
             :text="$t('menu.mute_account', [`@${account.acct}`])"
             icon="i-ri:volume-mute-line"
             :command="command"
-            @click="toggleMuteAccount (relationship!, account)"
+            @click="toggleMuteAccount (relationship!, account, 'profile.more.mute')"
           />
           <CommonDropdownItem
+            is="button"
             v-else
             :text="$t('menu.unmute_account', [`@${account.acct}`])"
             icon="i-ri:volume-up-fill"
             :command="command"
-            @click="toggleMuteAccount (relationship!, account)"
+            @click="toggleMuteAccount (relationship!, account, 'profile.more.unmute')"
           />
 
           <CommonDropdownItem
+            is="button"
             v-if="!relationship?.blocking"
             :text="$t('menu.block_account', [`@${account.acct}`])"
             icon="i-ri:forbid-2-line"
             :command="command"
-            @click="toggleBlockAccount (relationship!, account)"
+            @click="toggleBlockAccount (relationship!, account, 'profile.more.block')"
           />
           <CommonDropdownItem
+            is="button"
             v-else
             :text="$t('menu.unblock_account', [`@${account.acct}`])"
             icon="i-ri:checkbox-circle-line"
             :command="command"
-            @click="toggleBlockAccount (relationship!, account)"
+            @click="toggleBlockAccount (relationship!, account, 'profile.more.unblock')"
           />
 
           <template v-if="getServerName(account) !== currentServer">
             <CommonDropdownItem
+              is="button"
               v-if="!relationship?.domainBlocking"
               :text="$t('menu.block_domain', [getServerName(account)])"
               icon="i-ri:shut-down-line"
               :command="command"
-              @click="toggleBlockDomain(relationship!, account)"
+              @click="toggleBlockDomain(relationship!, account, 'profile.more.block-domain')"
             />
             <CommonDropdownItem
+              is="button"
               v-else
               :text="$t('menu.unblock_domain', [getServerName(account)])"
               icon="i-ri:restart-line"
               :command="command"
-              @click="toggleBlockDomain(relationship!, account)"
+              @click="toggleBlockDomain(relationship!, account, 'profile.more.unblock-domain')"
             />
           </template>
 
           <CommonDropdownItem
+            is="button"
             :text="$t('menu.report_account', [`@${account.acct}`])"
             icon="i-ri:flag-2-line"
             :command="command"
-            @click="openReportDialog(account)"
+            @click="report()"
           />
         </template>
 
         <template v-else>
           <NuxtLink to="/pinned">
-            <CommonDropdownItem :text="$t('account.pinned')" icon="i-ri:pushpin-line" :command="command" />
+            <CommonDropdownItem is="button" :text="$t('account.pinned')" icon="i-ri:pushpin-line" :command="command" data-glean="profile.more.goto-pinned" />
           </NuxtLink>
           <NuxtLink to="/favourites">
-            <CommonDropdownItem :text="$t('account.favourites')" :icon="useStarFavoriteIcon ? 'i-ri:star-line' : 'i-ri:heart-3-line'" :command="command" />
+            <CommonDropdownItem is="button" :text="$t('account.favourites')" :icon="useStarFavoriteIcon ? 'i-ri:star-line' : 'i-ri:heart-3-line'" :command="command" data-glean="profile.more.goto-favorites" />
           </NuxtLink>
           <NuxtLink to="/mutes">
-            <CommonDropdownItem :text="$t('account.muted_users')" icon="i-ri:volume-mute-line" :command="command" />
+            <CommonDropdownItem is="button" :text="$t('account.muted_users')" icon="i-ri:volume-mute-line" :command="command" data-glean="profile.more.goto-mutes" />
           </NuxtLink>
           <NuxtLink to="/blocks">
-            <CommonDropdownItem :text="$t('account.blocked_users')" icon="i-ri:forbid-2-line" :command="command" />
+            <CommonDropdownItem is="button" :text="$t('account.blocked_users')" icon="i-ri:forbid-2-line" :command="command" data-glean="profile.more.goto-blocks" />
           </NuxtLink>
           <NuxtLink to="/domain_blocks">
-            <CommonDropdownItem :text="$t('account.blocked_domains')" icon="i-ri:shut-down-line" :command="command" />
+            <CommonDropdownItem is="button" :text="$t('account.blocked_domains')" icon="i-ri:shut-down-line" :command="command" data-glean="profile.more.goto-domain-blocks" />
           </NuxtLink>
         </template>
       </template>
diff --git a/components/account/AccountPostsFollowers.vue b/components/account/AccountPostsFollowers.vue
index 830ddd8e5f..b2fbedc9b8 100644
--- a/components/account/AccountPostsFollowers.vue
+++ b/components/account/AccountPostsFollowers.vue
@@ -16,6 +16,7 @@ const userSettings = useUserSettings()
       replace
       text-secondary
       exact-active-class="text-primary"
+      data-glean="profile.details.posts"
     >
       <template #default="{ isExactActive }">
         <CommonLocalizedNumber
@@ -31,6 +32,7 @@ const userSettings = useUserSettings()
       :to="getAccountFollowingRoute(account)"
       replace
       text-secondary exact-active-class="text-primary"
+      data-glean="profile.details.following"
     >
       <template #default="{ isExactActive }">
         <template
@@ -56,6 +58,7 @@ const userSettings = useUserSettings()
       :to="getAccountFollowersRoute(account)"
       replace text-secondary
       exact-active-class="text-primary"
+      data-glean="profile.details.followers"
     >
       <template #default="{ isExactActive }">
         <template v-if="!getPreferences(userSettings, 'hideFollowerCount')">
diff --git a/components/account/AccountTabs.vue b/components/account/AccountTabs.vue
index 38ff52a7ae..528f0d6788 100644
--- a/components/account/AccountTabs.vue
+++ b/components/account/AccountTabs.vue
@@ -16,6 +16,7 @@ const tabs = $computed<CommonRouteTabOption[]>(() => [
     },
     display: t('tab.posts'),
     icon: 'i-ri:file-list-2-line',
+    dataGlean: 'profile.tabs.posts',
   },
   {
     name: 'account-replies',
@@ -25,6 +26,7 @@ const tabs = $computed<CommonRouteTabOption[]>(() => [
     },
     display: t('tab.posts_with_replies'),
     icon: 'i-ri:chat-1-line',
+    dataGlean: 'profile.tabs.posts-and-replies',
   },
   {
     name: 'account-media',
@@ -34,6 +36,7 @@ const tabs = $computed<CommonRouteTabOption[]>(() => [
     },
     display: t('tab.media'),
     icon: 'i-ri:camera-2-line',
+    dataGlean: 'profile.tabs.media',
   },
 ])
 </script>
diff --git a/components/common/CommonRouteTabs.vue b/components/common/CommonRouteTabs.vue
index e0eefc4feb..6560567a6b 100644
--- a/components/common/CommonRouteTabs.vue
+++ b/components/common/CommonRouteTabs.vue
@@ -8,6 +8,7 @@ export interface CommonRouteTabOption {
   name?: string
   icon?: string
   hide?: boolean
+  dataGlean?: string
 }
 const { options, command, replace, preventScrollTop = false } = $defineProps<{
   options: CommonRouteTabOption[]
@@ -43,6 +44,7 @@ useCommands(() => command
         tabindex="1"
         hover:bg-active transition-100
         exact-active-class="children:(text-secondary !border-primary !op100 !text-base)"
+        :data-glean="option.dataGlean"
         @click="!preventScrollTop && $scrollToTop()"
       >
         <span ws-nowrap mxa sm:px2 sm:py3 xl:pb4 xl:pt5 py2 text-center border-b-3 text-secondary-light hover:text-secondary border-transparent>{{ option.display || '&nbsp;' }}</span>
diff --git a/components/common/dropdown/DropdownItem.vue b/components/common/dropdown/DropdownItem.vue
index 2a1abc331f..47326464fe 100644
--- a/components/common/dropdown/DropdownItem.vue
+++ b/components/common/dropdown/DropdownItem.vue
@@ -6,6 +6,7 @@ const props = withDefaults(defineProps<{
   icon?: string
   checked?: boolean
   command?: boolean
+  dataGlean?: string
 }>(), {
   is: 'div',
 })
@@ -51,6 +52,7 @@ useCommand({
     select-none
     hover-bg-active
     :aria-label="text"
+    :data-glean="props.dataGlean"
     @click="handleClick"
   >
     <div v-if="icon" :class="icon" />
diff --git a/components/nav/NavSide.vue b/components/nav/NavSide.vue
index 8993028849..3582a4d80c 100644
--- a/components/nav/NavSide.vue
+++ b/components/nav/NavSide.vue
@@ -29,7 +29,6 @@ const useStarFavoriteIcon = usePreferences('useStarFavoriteIcon')
     <NavSideItem :text="$t('nav.bookmarks')" to="/bookmarks" icon="i-ri:bookmark-line" user-only :command="command" />
 
     <div class="spacer" shrink hidden sm:block />
-    <NavSideItem :text="$t('action.compose')" to="/compose" icon="i-ri:quill-pen-line" user-only :command="command" />
 
     <div class="spacer" shrink hidden sm:block />
     <NavSideItem :text="$t('nav.local')" :to="isHydrated ? `/${currentServer}/public/local` : '/public/local'" icon="i-ri:group-2-line " :command="command" />
@@ -38,6 +37,9 @@ const useStarFavoriteIcon = usePreferences('useStarFavoriteIcon')
 
     <div class="spacer" shrink hidden sm:block />
     <NavSideItem :text="$t('nav.settings')" to="/settings" icon="i-ri:settings-3-line" :command="command" />
+
+    <div class="spacer" shrink hidden sm:block />
+    <NavSideItem lozenge :text="$t('action.compose')" to="/compose" icon="i-ri:add-fill" user-only :command="command" />
   </nav>
 </template>
 
diff --git a/components/nav/NavSideItem.vue b/components/nav/NavSideItem.vue
index 8c5858e8c3..488dea29ee 100644
--- a/components/nav/NavSideItem.vue
+++ b/components/nav/NavSideItem.vue
@@ -5,8 +5,10 @@ const props = withDefaults(defineProps<{
   to: string | Record<string, string>
   userOnly?: boolean
   command?: boolean
+  lozenge?: boolean
 }>(), {
   userOnly: false,
+  lozenge: false,
 })
 
 defineSlots<{
@@ -56,12 +58,14 @@ const noUserVisual = computed(() => isHydrated.value && props.userOnly && !curre
     <CommonTooltip :disabled="!isMediumOrLargeScreen" :content="text" placement="right">
       <div
         class="item"
+        :class="lozenge ? 'lozenge' : ''"
         flex items-center gap4
         w-fit rounded-3
         px2 mx3 sm:mxa
         xl="ml0 mr5 px5 w-auto"
         transition-100
-        elk-group-hover="bg-active" group-focus-visible:ring="2 current"
+        :elk-group-hover="lozenge ? '' : 'bg-active'"
+        group-focus-visible:ring="2 current"
       >
         <slot name="icon">
           <div :class="icon" text-xl />
@@ -75,6 +79,36 @@ const noUserVisual = computed(() => isHydrated.value && props.userOnly && !curre
 </template>
 
 <style scoped>
+  .lozenge {
+    color: var(--c-text-base-light);
+    font-size: 15px;
+    line-height: 20px;
+    max-width: 160px;
+    border-radius: 360px;
+    align-items: center;
+    background: var(--c-primary);
+    display: flex;
+    justify-content: center;
+    padding-right: 50px;
+
+    &:hover {
+      background: var(--c-primary-active);
+    }
+  }
+
+  @media screen and ( min-width: 640px ) {
+    .lozenge.item {
+      padding: 0.2rem;
+    }
+  }
+
+  @media screen and ( min-width: 1280px ) {
+    .lozenge.item {
+      padding-top: 12px;
+      padding-bottom: 12px;
+    }
+  }
+
   .item {
     padding-top: 0.5rem;
     padding-bottom: 0.5rem;
diff --git a/components/nav/NavUser.vue b/components/nav/NavUser.vue
index 8fe747c335..c9f3adefb9 100644
--- a/components/nav/NavUser.vue
+++ b/components/nav/NavUser.vue
@@ -29,6 +29,7 @@ const { busy, oauth, singleInstanceServer } = useSignIn()
         gap-x-1 items-center justify-center text-sm p-x-10px p-y-10px xl:hidden text-center font-600
         sm:mr-8px sm:btn-solid sm:btn-outline sm:b-rd-8px
         :disabled="busy"
+        data-glean="header.signup"
         @click="oauth('signup')"
       >
         {{ $t('action.create_account') }}
@@ -39,6 +40,7 @@ const { busy, oauth, singleInstanceServer } = useSignIn()
         gap-x-1 items-center justify-center text-sm font-600 p-x-11px p-y-11px xl:hidden
         sm:border-1 sm:border-primary sm:btn-outline sm:b-rd-8px
         :disabled="busy"
+        data-glean="header.login"
         @click="oauth()"
       >
         {{ $t('action.sign_in') }}
diff --git a/components/publish/PublishSnackbar.vue b/components/publish/PublishSnackbar.vue
new file mode 100644
index 0000000000..8eea5c8bd5
--- /dev/null
+++ b/components/publish/PublishSnackbar.vue
@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import { ref } from 'vue'
+
+const isVisible = ref(false)
+
+function show() {
+  isVisible.value = true
+
+  setTimeout(() => {
+    hide()
+  }, 10000)
+}
+
+function hide() {
+  isVisible.value = false
+}
+
+defineExpose({
+  show,
+  hide,
+})
+</script>
+
+<template>
+  <div class="snackbar-wrapper">
+    <div
+      :class="{ active: isVisible }"
+      class="snackbar"
+    >
+      Your post was published
+    </div>
+  </div>
+</template>
+
+<style scoped>
+  .snackbar-wrapper {
+    display: flex;
+    justify-content: center;
+  }
+  .snackbar {
+    background: var(--c-primary);
+    border-radius: 8px;
+    border: 1px solid var(--c-primary-light);
+    color: var(--c-text-base-light);
+    font-size: 12px;
+    font-weight: 600;
+    line-height: 16px;
+    min-width: 280px;
+    opacity: 0;
+    padding: 8px 16px;
+    text-align: center;
+    transition: opacity 800ms ease-in-out;
+  }
+  .snackbar.active {
+    opacity: 1;
+  }
+</style>
diff --git a/components/publish/PublishWidget.vue b/components/publish/PublishWidget.vue
index 36bb4eabb4..cc56b9b053 100644
--- a/components/publish/PublishWidget.vue
+++ b/components/publish/PublishWidget.vue
@@ -494,7 +494,7 @@ onDeactivated(() => {
               </span>
               <span v-if="draft.editingStatus">{{ $t('action.save_changes') }}</span>
               <span v-else-if="draft.params.inReplyToId">{{ $t('action.reply') }}</span>
-              <span v-else>{{ !isSending ? $t('action.publish') : $t('state.publishing') }}</span>
+              <span v-else>{{ !isSending ? $t('action.post') : $t('state.publishing') }}</span>
             </button>
           </CommonTooltip>
         </div>
@@ -504,6 +504,15 @@ onDeactivated(() => {
 </template>
 
 <style scoped>
+  .publish-button {
+    background: var(--c-primary);
+    border-radius: 360px;
+
+    &:hover {
+      background: var(--c-primary-active);
+    }
+  }
+
   .publish-button[aria-disabled=true] {
     cursor: not-allowed;
     background-color: var(--c-bg-btn-disabled);
diff --git a/components/publish/PublishWidgetFull.client.vue b/components/publish/PublishWidgetFull.client.vue
index f2de2fbe87..f70198c12d 100644
--- a/components/publish/PublishWidgetFull.client.vue
+++ b/components/publish/PublishWidgetFull.client.vue
@@ -1,6 +1,9 @@
 <script setup lang="ts">
 import { formatTimeAgo } from '@vueuse/core'
 
+const emit = defineEmits<{
+  (evt: 'published'): void
+}>()
 const route = useRoute()
 const { formatNumber } = useHumanReadableNumber()
 const timeAgoOptions = useTimeAgoOptions()
@@ -13,6 +16,10 @@ const nonEmptyDrafts = $computed(() => draftKeys
   .map(i => [i, currentUserDrafts.value[i]] as const),
 )
 
+async function onPublish() {
+  emit('published')
+}
+
 watchEffect(() => {
   draftKey = route.query.draft?.toString() || 'home'
 })
@@ -23,7 +30,7 @@ onDeactivated(() => {
 </script>
 
 <template>
-  <div flex="~ col" pt-6 h-screen>
+  <div flex="~ col" pt-6 mb-6>
     <div inline-flex justify-end h-8>
       <VDropdown v-if="nonEmptyDrafts.length" placement="bottom-end">
         <button btn-text flex="inline center">
@@ -57,7 +64,7 @@ onDeactivated(() => {
       </VDropdown>
     </div>
     <div>
-      <PublishWidget :key="draftKey" expanded class="min-h-100!" :draft-key="draftKey" />
+      <PublishWidget :key="draftKey" expanded class="min-h-100!" :draft-key="draftKey" @published="onPublish" />
     </div>
   </div>
 </template>
diff --git a/components/recommendation/RecommendationArticle.vue b/components/recommendation/RecommendationArticle.vue
index 157191a969..e61555f0d2 100644
--- a/components/recommendation/RecommendationArticle.vue
+++ b/components/recommendation/RecommendationArticle.vue
@@ -1,5 +1,7 @@
 <script setup lang="ts">
 import type { Recommendation } from '../composables/recommendations'
+import { engagement, impression } from '~~/telemetry/generated/ui'
+import { engagementDetails } from '~~/telemetry/engagementDetails'
 
 const {
   item,
@@ -7,25 +9,42 @@ const {
   item: Recommendation
 }>()
 
+function recordEngagement(gleanId: string) {
+  engagement.record({
+    ui_identifier: gleanId,
+    recommendation_id: item.id,
+    ...engagementDetails[gleanId],
+  })
+}
+
+function recordImpression() {
+  impression.record({
+    ui_identifier: 'discover.recommendation.impression',
+    recommendation_id: item.id,
+  })
+}
+
 const target = ref<HTMLDivElement>()
 const { isActive } = useIntersectionObserver(target, checkIntersection, { threshold: 0.5 })
 
 function checkIntersection([{ isIntersecting }]: [{ isIntersecting: boolean }]): void {
   if (isIntersecting && isActive.value) {
-    // fire analytics event here: item.id || item.title || item.url
+    recordImpression()
     isActive.value = false
   }
 }
 
 const clipboard = useClipboard()
 async function copyLink(url: string): void {
-  if (url)
+  if (url) {
     await clipboard.copy(url)
+    recordEngagement('discover.recommendation.share')
+  }
 }
 </script>
 
 <template>
-  <NuxtLink ref="target" :to="item.url" target="_blank" external mt-5 p-x-8px flex>
+  <NuxtLink ref="target" :to="item.url" target="_blank" external mt-5 p-x-8px flex @click="recordEngagement('discover.recommendation.open')">
     <div class="content" w-full pr>
       <h4 text-sm text-secondary>
         {{ item.publisher }}
diff --git a/components/settings/SettingsColorMode.vue b/components/settings/SettingsColorMode.vue
index 0fd610e160..325e214d3f 100644
--- a/components/settings/SettingsColorMode.vue
+++ b/components/settings/SettingsColorMode.vue
@@ -31,7 +31,7 @@ const modes = [
     <button
       v-for="{ icon, label, mode } in modes"
       :key="mode"
-      data-glean="settings.interface.colorMode"
+      data-glean="settings.interface.color-mode"
       :data-glean-value="`${mode}`"
       btn-text flex-1 flex="~ gap-1 center" p4 border="~ base rounded" bg-base ws-nowrap
       :tabindex="colorMode.preference === mode ? 0 : -1"
diff --git a/components/settings/SettingsFontSize.vue b/components/settings/SettingsFontSize.vue
index 4fdab46712..185c45f8b0 100644
--- a/components/settings/SettingsFontSize.vue
+++ b/components/settings/SettingsFontSize.vue
@@ -22,7 +22,7 @@ function setFontSize(e: Event) {
         :min="0"
         :max="sizes.length - 1"
         :step="1"
-        data-glean="settings.interface.fontSize"
+        data-glean="settings.interface.font-size"
         :data-glean-value="`${sizes.indexOf(userSettings.fontSize)}`"
         type="range"
         focus:outline-none
diff --git a/components/settings/SettingsThemeColors.vue b/components/settings/SettingsThemeColors.vue
index afeb408519..2f26bba1c3 100644
--- a/components/settings/SettingsThemeColors.vue
+++ b/components/settings/SettingsThemeColors.vue
@@ -21,7 +21,7 @@ function updateTheme(theme: ThemeColors) {
       }"
       :class="currentTheme === key ? 'ring-2' : 'scale-90'"
       :title="key"
-      data-glean="settings.interface.themeColor"
+      data-glean="settings.interface.theme-color"
       :data-glean-value="`${key}`"
       w-8 h-8 rounded-full transition-all
       ring="$local-ring-color offset-3 offset-$c-bg-base"
diff --git a/components/user/UserSignInEntry.vue b/components/user/UserSignInEntry.vue
index cb1bcce1e5..3392370a19 100644
--- a/components/user/UserSignInEntry.vue
+++ b/components/user/UserSignInEntry.vue
@@ -14,6 +14,7 @@ const { busy, oauth, singleInstanceServer } = useSignIn()
       v-if="singleInstanceServer"
       flex="~ row" gap-x-2 items-center justify-center btn-solid text-center rounded-3 font-500
       :disabled="busy"
+      data-glean="nav.signup"
       @click="oauth('signup')"
     >
       {{ $t('action.create_account') }}
@@ -22,6 +23,7 @@ const { busy, oauth, singleInstanceServer } = useSignIn()
       v-if="singleInstanceServer"
       flex="~ row" gap-x-2 items-center justify-center btn-outline text-center rounded-3 font-500
       :disabled="busy"
+      data-glean="nav.login"
       @click="oauth()"
     >
       {{ $t('action.sign_in') }}
diff --git a/composables/masto/relationship.ts b/composables/masto/relationship.ts
index 00f3cf721e..a135886215 100644
--- a/composables/masto/relationship.ts
+++ b/composables/masto/relationship.ts
@@ -1,5 +1,7 @@
 import type { mastodon } from 'masto'
 import type { Ref } from 'vue'
+import { engagement } from '~~/telemetry/generated/ui'
+import { engagementDetails } from '~~/telemetry/engagementDetails'
 
 // Batch requests for relationships when used in the UI
 // We don't want to hold to old values, so every time a Relationship is needed it
@@ -32,12 +34,22 @@ async function fetchRelationships() {
     requested[i][1].value = relationships[i]
 }
 
-export async function toggleFollowAccount(relationship: mastodon.v1.Relationship, account: mastodon.v1.Account) {
+function recordEngagement(dataGlean: string, account: mastodon.v1.Account) {
+  engagement.record({
+    ui_identifier: dataGlean,
+    mastodon_account_id: account.id,
+    mastodon_account_handle: account.acct,
+    ...engagementDetails[dataGlean],
+  })
+}
+
+export async function toggleFollowAccount(relationship: mastodon.v1.Relationship, account: mastodon.v1.Account, dataGlean?: string) {
   const { client } = $(useMasto())
   const i18n = useNuxtApp().$i18n
 
   const unfollow = relationship!.following || relationship!.requested
 
+  // Dialog box for unfollow
   if (unfollow) {
     if (await openConfirmDialog({
       title: i18n.t('confirm.unfollow.title'),
@@ -45,6 +57,9 @@ export async function toggleFollowAccount(relationship: mastodon.v1.Relationship
       cancel: i18n.t('confirm.unfollow.cancel'),
     }) !== 'confirm')
       return
+
+    if (dataGlean)
+      recordEngagement(dataGlean, account)
   }
 
   if (unfollow) {
@@ -61,16 +76,25 @@ export async function toggleFollowAccount(relationship: mastodon.v1.Relationship
   relationship = await client.v1.accounts[unfollow ? 'unfollow' : 'follow'](account.id)
 }
 
-export async function toggleMuteAccount(relationship: mastodon.v1.Relationship, account: mastodon.v1.Account) {
+export async function toggleMuteAccount(relationship: mastodon.v1.Relationship, account: mastodon.v1.Account, dataGlean?: string) {
   const { client } = $(useMasto())
   const i18n = useNuxtApp().$i18n
 
-  if (!relationship!.muting && await openConfirmDialog({
-    title: i18n.t('confirm.mute_account.title', [account.acct]),
-    confirm: i18n.t('confirm.mute_account.confirm'),
-    cancel: i18n.t('confirm.mute_account.cancel'),
-  }) !== 'confirm')
-    return
+  if (!relationship!.muting) {
+    if (await openConfirmDialog({
+      title: i18n.t('confirm.mute_account.title', [account.acct]),
+      confirm: i18n.t('confirm.mute_account.confirm'),
+      cancel: i18n.t('confirm.mute_account.cancel'),
+    }) !== 'confirm')
+      return
+
+    if (dataGlean)
+      recordEngagement(dataGlean, account)
+  }
+  else {
+    if (dataGlean)
+      recordEngagement(dataGlean, account)
+  }
 
   relationship!.muting = !relationship!.muting
   relationship = relationship!.muting
@@ -80,31 +104,49 @@ export async function toggleMuteAccount(relationship: mastodon.v1.Relationship,
     : await client.v1.accounts.unmute(account.id)
 }
 
-export async function toggleBlockAccount(relationship: mastodon.v1.Relationship, account: mastodon.v1.Account) {
+export async function toggleBlockAccount(relationship: mastodon.v1.Relationship, account: mastodon.v1.Account, dataGlean?: string) {
   const { client } = $(useMasto())
   const i18n = useNuxtApp().$i18n
 
-  if (!relationship!.blocking && await openConfirmDialog({
-    title: i18n.t('confirm.block_account.title', [account.acct]),
-    confirm: i18n.t('confirm.block_account.confirm'),
-    cancel: i18n.t('confirm.block_account.cancel'),
-  }) !== 'confirm')
-    return
+  if (!relationship!.blocking) {
+    if (await openConfirmDialog({
+      title: i18n.t('confirm.block_account.title', [account.acct]),
+      confirm: i18n.t('confirm.block_account.confirm'),
+      cancel: i18n.t('confirm.block_account.cancel'),
+    }) !== 'confirm')
+      return
+
+    if (dataGlean)
+      recordEngagement(dataGlean, account)
+  }
+  else {
+    if (dataGlean)
+      recordEngagement(dataGlean, account)
+  }
 
   relationship!.blocking = !relationship!.blocking
   relationship = await client.v1.accounts[relationship!.blocking ? 'block' : 'unblock'](account.id)
 }
 
-export async function toggleBlockDomain(relationship: mastodon.v1.Relationship, account: mastodon.v1.Account) {
+export async function toggleBlockDomain(relationship: mastodon.v1.Relationship, account: mastodon.v1.Account, dataGlean?: string) {
   const { client } = $(useMasto())
   const i18n = useNuxtApp().$i18n
 
-  if (!relationship!.domainBlocking && await openConfirmDialog({
-    title: i18n.t('confirm.block_domain.title', [getServerName(account)]),
-    confirm: i18n.t('confirm.block_domain.confirm'),
-    cancel: i18n.t('confirm.block_domain.cancel'),
-  }) !== 'confirm')
-    return
+  if (!relationship!.domainBlocking) {
+    if (await openConfirmDialog({
+      title: i18n.t('confirm.block_domain.title', [getServerName(account)]),
+      confirm: i18n.t('confirm.block_domain.confirm'),
+      cancel: i18n.t('confirm.block_domain.cancel'),
+    }) !== 'confirm')
+      return
+
+    if (dataGlean)
+      recordEngagement(dataGlean, account)
+  }
+  else {
+    if (dataGlean)
+      recordEngagement(dataGlean, account)
+  }
 
   relationship!.domainBlocking = !relationship!.domainBlocking
   await client.v1.domainBlocks[relationship!.domainBlocking ? 'block' : 'unblock'](getServerName(account))
diff --git a/composables/masto/statusDrafts.ts b/composables/masto/statusDrafts.ts
index 82a273078b..1ad5d10837 100644
--- a/composables/masto/statusDrafts.ts
+++ b/composables/masto/statusDrafts.ts
@@ -3,6 +3,8 @@ import type { ComputedRef, Ref } from 'vue'
 import { STORAGE_KEY_DRAFTS } from '~/constants'
 import type { Draft, DraftMap } from '~/types'
 import type { Mutable } from '~/types/utils'
+import { engagement } from '~~/telemetry/generated/ui'
+import { engagementDetails } from '~~/telemetry/engagementDetails'
 
 export const currentUserDrafts = (process.server || process.test)
   ? computed<DraftMap>(() => ({}))
@@ -158,13 +160,31 @@ export function useDraft(
   return { draft, isEmpty }
 }
 
-export function mentionUser(account: mastodon.v1.Account) {
+export function mentionUser(account: mastodon.v1.Account, dataGlean?: string) {
+  if (dataGlean) {
+    engagement.record({
+      ui_identifier: dataGlean,
+      mastodon_account_id: account.id,
+      mastodon_account_handle: account.acct,
+      ...engagementDetails[dataGlean],
+    })
+  }
+
   openPublishDialog('dialog', getDefaultDraft({
     status: `@${account.acct} `,
   }))
 }
 
-export function directMessageUser(account: mastodon.v1.Account) {
+export function directMessageUser(account: mastodon.v1.Account, dataGlean?: string) {
+  if (dataGlean) {
+    engagement.record({
+      ui_identifier: dataGlean,
+      mastodon_account_id: account.id,
+      mastodon_account_handle: account.acct,
+      ...engagementDetails[dataGlean],
+    })
+  }
+
   openPublishDialog('dialog', getDefaultDraft({
     status: `@${account.acct} `,
     visibility: 'direct',
diff --git a/composables/recommendations.ts b/composables/recommendations.ts
index 31501d776d..1357a3add2 100644
--- a/composables/recommendations.ts
+++ b/composables/recommendations.ts
@@ -6,7 +6,7 @@ export interface Recommendation {
   /** Constant identifier for Recommendation type objects. */
   __typename: string
   /** Numerical identifier for the Recommendation. This is specifically a number for Fx client and Mozilla data pipeline compatibility. */
-  tileId: number
+  id: number
   /** The URL the Recommendation. */
   url: string
   /** The title of the Recommendation. */
diff --git a/composables/settings/definition.ts b/composables/settings/definition.ts
index 9f47e14de0..fa22fce5bf 100644
--- a/composables/settings/definition.ts
+++ b/composables/settings/definition.ts
@@ -8,6 +8,7 @@ export type OldFontSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl'
 export type ColorMode = 'light' | 'dark' | 'system'
 
 export interface PreferencesSettings {
+  allowGlean: boolean
   hideAltIndicatorOnPosts: boolean
   hideBoostCount: boolean
   hideReplyCount: boolean
@@ -60,6 +61,7 @@ export function getDefaultLanguage(languages: string[]) {
 }
 
 export const DEFAULT__PREFERENCES_SETTINGS: PreferencesSettings = {
+  allowGlean: true,
   hideAltIndicatorOnPosts: false,
   hideBoostCount: false,
   hideReplyCount: false,
diff --git a/composables/settings/storage.ts b/composables/settings/storage.ts
index a1a543d7a5..b2220d40a8 100644
--- a/composables/settings/storage.ts
+++ b/composables/settings/storage.ts
@@ -43,5 +43,5 @@ export function getPreferences<T extends keyof PreferencesSettings>(userSettings
 
 export function togglePreferences(key: keyof PreferencesSettings) {
   const flag = usePreferences(key)
-  flag.value = !flag.value
+  return flag.value = !flag.value
 }
diff --git a/locales/en.json b/locales/en.json
index fcfd55c5cf..610982e844 100644
--- a/locales/en.json
+++ b/locales/en.json
@@ -53,7 +53,7 @@
     "clear_publish_failed": "Clear publish errors",
     "clear_upload_failed": "Clear file upload errors",
     "close": "Close",
-    "compose": "Compose",
+    "compose": "Post",
     "confirm": "Confirm",
     "create_account": "Create account",
     "done": "Done",
@@ -64,8 +64,8 @@
     "favourited": "Favorited",
     "more": "More",
     "next": "Next",
+    "post": "Post",
     "prev": "Prev",
-    "publish": "Publish",
     "reply": "Reply",
     "reply_count": "{0}",
     "reset": "Reset",
@@ -544,6 +544,12 @@
       "zen_mode": "Zen mode",
       "zen_mode_description": "Hide asides unless the mouse cursor is over them. Also hide some elements from the timeline."
     },
+    "privacy": {
+      "data_collection": "Data collection and use",
+      "label": "Privacy",
+      "opt_out_description": "Allow technical, interaction, campaign and referral data to be sent to Mozilla. With this data you will have a personalized experience.",
+      "opt_out_title": "Help improve Mozilla Social"
+    },
     "profile": {
       "appearance": {
         "bio": "Bio",
diff --git a/modules/glean/runtime/glean-plugin.client.ts b/modules/glean/runtime/glean-plugin.client.ts
index 9dcdca51d0..96f8e9fe06 100644
--- a/modules/glean/runtime/glean-plugin.client.ts
+++ b/modules/glean/runtime/glean-plugin.client.ts
@@ -11,10 +11,13 @@ export default defineNuxtPlugin((nuxtApp) => {
     log.info('Glean: App mounted, start initing glean')
 
     const GLEAN_APP_ID = 'mozilla-social-web'
-    const devMode = useAppConfig().env === ('dev' || 'canary' || 'preview')
-    const uploadEnabled = devMode // this will eventually be a setting that the user can toggle
+    const env = useAppConfig().env
+    const devMode = env === ('dev' || 'canary' || 'preview')
+    const userSettings = useUserSettings()
+    const allowGlean = getPreferences(userSettings.value, 'allowGlean')
+    const uploadEnabled = devMode && allowGlean
 
-    Glean.initialize(GLEAN_APP_ID, uploadEnabled, {})
+    Glean.initialize(GLEAN_APP_ID, uploadEnabled, { channel: env })
     userAgent.set(navigator.userAgent)
 
     // Debugging
diff --git a/pages/compose.vue b/pages/compose.vue
index 4b2e59ef0c..a0a4d8cd81 100644
--- a/pages/compose.vue
+++ b/pages/compose.vue
@@ -1,4 +1,6 @@
 <script setup lang="ts">
+import { ref } from 'vue'
+
 definePageMeta({
   middleware: 'auth',
 })
@@ -8,8 +10,15 @@ const { t } = useI18n()
 useHydratedHead({
   title: () => t('nav.compose'),
 })
+
+const publishSnackbar = ref(null)
+
+function onPublish() {
+  publishSnackbar.value.show()
+}
 </script>
 
 <template>
-  <PublishWidgetFull />
+  <PublishWidgetFull @published="onPublish" />
+  <PublishSnackbar ref="publishSnackbar" />
 </template>
diff --git a/pages/settings.vue b/pages/settings.vue
index a84aef9a26..1e7ccb59f6 100644
--- a/pages/settings.vue
+++ b/pages/settings.vue
@@ -12,6 +12,7 @@ useHydratedHead({
 const route = useRoute()
 
 const isRootPath = computedEager(() => route.name === 'settings')
+const devMode = useAppConfig().env === ('dev' || 'canary' || 'preview')
 </script>
 
 <template>
@@ -63,6 +64,14 @@ const isRootPath = computedEager(() => route.name === 'settings')
               to="/settings/preferences"
               :match="$route.path.startsWith('/settings/preferences/')"
             />
+            <SettingsItem
+              v-if="devMode"
+              command
+              icon="i-ri-lock-line"
+              :text="isHydrated ? $t('settings.privacy.label') : ''"
+              to="/settings/privacy"
+              :match="$route.path.startsWith('/settings/privacy/')"
+            />
             <SettingsItem
               command
               icon="i-ri:information-line"
diff --git a/pages/settings/privacy/index.vue b/pages/settings/privacy/index.vue
new file mode 100644
index 0000000000..dd0d37e660
--- /dev/null
+++ b/pages/settings/privacy/index.vue
@@ -0,0 +1,63 @@
+<script setup lang="ts">
+import type GleanType from '@mozilla/glean/web'
+import { mastodonAccountHandle, mastodonAccountId } from '~/telemetry/generated/identifiers'
+import { userAgent } from '~~/telemetry/generated/identifiers'
+
+let Glean: typeof GleanType
+if (typeof window !== 'undefined') {
+  const importedModule = await import('@mozilla/glean/web')
+  Glean = importedModule.default
+}
+
+const user = currentUser.value
+
+const { t } = useI18n()
+
+useHydratedHead({
+  title: () => `${t('settings.privacy.label')} | ${t('nav.settings')}`,
+})
+const userSettings = useUserSettings()
+
+function toggleOptOut() {
+  if (Glean) {
+    const allowGlean = togglePreferences('allowGlean')
+
+    Glean.setUploadEnabled(allowGlean)
+
+    // reset identifiers if user opts back in
+    if (user && allowGlean) {
+      mastodonAccountHandle.set(user.account.acct)
+      mastodonAccountId.set(user.account.id)
+      userAgent.set(navigator.userAgent)
+    }
+  }
+}
+</script>
+
+<template>
+  <MainContent back-on-small-screen no-beta-label>
+    <template #title>
+      <div text-lg font-bold flex items-center gap-2 @click="$scrollToTop">
+        <span>{{ $t('settings.privacy.label') }}</span>
+      </div>
+    </template>
+    <div p6 flex="~ col gap6">
+      <h2 text-xl>
+        {{ $t('settings.privacy.data_collection') }}
+      </h2>
+      <div>
+        <h3 text-lg>
+          {{ $t('settings.privacy.opt_out_title') }}
+        </h3>
+        <client-only>
+          <SettingsToggleItem
+            :checked="getPreferences(userSettings, 'allowGlean')"
+            @click="toggleOptOut()"
+          >
+            {{ $t('settings.privacy.opt_out_description') }}
+          </SettingsToggleItem>
+        </client-only>
+      </div>
+    </div>
+  </MainContent>
+</template>
diff --git a/styles/vars.css b/styles/vars.css
index 5bd3dc571d..432c378b25 100644
--- a/styles/vars.css
+++ b/styles/vars.css
@@ -53,14 +53,14 @@
   --c-bg-code: #ffffff06;
   --c-bg-dm: #0a2f35;
 
-  --c-text-base: #f3f3f3;
+  --c-text-base: #FBFBFE;
   --c-text-base-light: #232323;
   --c-text-code: #ecd88e;
   --c-text-secondary: #888;
   --c-text-secondary-light: #686868;
 
-  --c-bg-btn-disabled: #2a2a2a;
-  --c-text-btn-disabled: #919191;
+  --c-bg-btn-disabled: #9F9FAD;
+  --c-text-btn-disabled: #15141A;
 
   --c-moz-logo-background: white;
   --c-moz-logo-text: black;
diff --git a/telemetry/engagementDetails.ts b/telemetry/engagementDetails.ts
index ca29cc8d4d..bafb1c5626 100644
--- a/telemetry/engagementDetails.ts
+++ b/telemetry/engagementDetails.ts
@@ -1,3 +1,5 @@
+import { profileEvents } from './engagementProfileEvents'
+
 interface EngagementDetails {
   [propName: string]: {
     engagement_type: string
@@ -6,13 +8,32 @@ interface EngagementDetails {
 }
 
 export const engagementDetails: EngagementDetails = {
-  'settings.interface.colorMode': {
+  'settings.interface.color-mode': {
+    engagement_type: 'general',
+  },
+  'settings.interface.font-size': {
+    engagement_type: 'general',
+  },
+  'settings.interface.theme-color': {
+    engagement_type: 'general',
+  },
+  'discover.recommendation.open': {
+    engagement_type: 'general',
+  },
+  'discover.recommendation.share': {
+    engagement_type: 'share',
+  },
+  'header.signup': {
+    engagement_type: 'general',
+  },
+  'header.login': {
     engagement_type: 'general',
   },
-  'settings.interface.fontSize': {
+  'nav.signup': {
     engagement_type: 'general',
   },
-  'settings.interface.themeColor': {
+  'nav.login': {
     engagement_type: 'general',
   },
+  ...profileEvents,
 }
diff --git a/telemetry/engagementProfileEvents.js b/telemetry/engagementProfileEvents.js
new file mode 100644
index 0000000000..9b5d60facf
--- /dev/null
+++ b/telemetry/engagementProfileEvents.js
@@ -0,0 +1,116 @@
+export const profileEvents = {
+  // follow button
+  'profile.follow-btn.unblock': {
+    engagement_type: 'general',
+  },
+  'profile.follow-btn.unmute': {
+    engagement_type: 'general',
+  },
+  'profile.follow-btn.unfollow': {
+    engagement_type: 'follow',
+  },
+  'profile.follow-btn.follow': {
+    engagement_type: 'follow',
+  },
+  'profile.follow-btn.withdraw-follow-request': {
+    engagement_type: 'follow',
+  },
+  'profile.follow-btn.follow-request': {
+    engagement_type: 'follow',
+  },
+  // more button and more options dropdown
+  'profile.more.open': {
+    engagement_type: 'general',
+  },
+  'profile.more.open-in-original-site': {
+    engagement_type: 'general',
+  },
+  'profile.more.share-account': {
+    engagement_type: 'share',
+  },
+  'profile.more.mention': {
+    engagement_type: 'general',
+  },
+  'profile.more.direct-message': {
+    engagement_type: 'general',
+  },
+  'profile.more.show-boosts': {
+    engagement_type: 'general',
+  },
+  'profile.more.hide-boosts': {
+    engagement_type: 'general',
+  },
+  'profile.more.add-note': {
+    engagement_type: 'general',
+  },
+  'profile.more.remove-note': {
+    engagement_type: 'general',
+  },
+  'profile.more.mute': {
+    engagement_type: 'general',
+  },
+  'profile.more.unmute': {
+    engagement_type: 'general',
+  },
+  'profile.more.block': {
+    engagement_type: 'general',
+  },
+  'profile.more.unblock': {
+    engagement_type: 'general',
+  },
+  'profile.more.block-domain': {
+    engagement_type: 'general',
+  },
+  'profile.more.unblock-domain': {
+    engagement_type: 'general',
+  },
+  'profile.more.report.open': {
+    engagement_type: 'general',
+  },
+  'profile.more.goto-pinned': {
+    engagement_type: 'general',
+  },
+  'profile.more.goto-favorites': {
+    engagement_type: 'general',
+  },
+  'profile.more.goto-mutes': {
+    engagement_type: 'general',
+  },
+  'profile.more.goto-blocks': {
+    engagement_type: 'general',
+  },
+  'profile.more.goto-domain-blocks': {
+    engagement_type: 'general',
+  },
+  // notifications
+  'profile.notify.start': {
+    engagement_type: 'general',
+  },
+  'profile.notify.stop': {
+    engagement_type: 'general',
+  },
+  // modify lists
+  'profile.modify-lists': {
+    engagement_type: 'general',
+  },
+  // metrics details (# of posts, # of following, # of followers)
+  'profile.details.posts': {
+    engagement_type: 'general',
+  },
+  'profile.details.following': {
+    engagement_type: 'general',
+  },
+  'profile.details.followers': {
+    engagement_type: 'general',
+  },
+  // tabs (posts, post & replies, media)
+  'profile.tabs.posts': {
+    engagement_type: 'general',
+  },
+  'profile.tabs.posts-and-replies': {
+    engagement_type: 'general',
+  },
+  'profile.tabs.media': {
+    engagement_type: 'general',
+  },
+}
diff --git a/telemetry/generated/ui.ts b/telemetry/generated/ui.ts
index c98bf55caf..55f6e02126 100644
--- a/telemetry/generated/ui.ts
+++ b/telemetry/generated/ui.ts
@@ -7,8 +7,8 @@
 import EventMetricType from "@mozilla/glean/private/metrics/event";
 
 /**
- * Event triggered when a user taps/clicks on a UI element,  triggering a change
- * in app state.
+ * Event triggered when a user taps/clicks on a UI element, triggering a change in
+ * app state.
  *
  * Generated from `ui.engagement`.
  */
diff --git a/telemetry/generated/web.ts b/telemetry/generated/web.ts
index 06e69fdfda..289bd9518d 100644
--- a/telemetry/generated/web.ts
+++ b/telemetry/generated/web.ts
@@ -4,8 +4,8 @@
 
 // AUTOGENERATED BY glean_parser v8.1.1. DO NOT EDIT. DO NOT COMMIT.
 
-import EventMetricType from "@mozilla/glean/private/metrics/event";
 import StringMetricType from "@mozilla/glean/private/metrics/string";
+import EventMetricType from "@mozilla/glean/private/metrics/event";
 
 /**
  * Event triggered when a user clicks a link on a web page.