diff --git a/src/components/AuthenticatedLink.svelte b/src/components/AuthenticatedLink.svelte
index 01514854f..38347309f 100644
--- a/src/components/AuthenticatedLink.svelte
+++ b/src/components/AuthenticatedLink.svelte
@@ -2,9 +2,11 @@
   import tippy from "./tippy";
 
   export let href;
+  export let label = null; // a prop for glean click events
+  export let type = null; // a prop for glean click events
 </script>
 
-<a {href}><slot /></a>
+<a {href} data-glean-label={label} data-glean-type={type}><slot /></a>
 <a
   class="lock-link"
   href="https://docs.telemetry.mozilla.org/concepts/gaining_access.html"
diff --git a/src/components/CopyButton.svelte b/src/components/CopyButton.svelte
index 1868c935f..7b1fb98e3 100644
--- a/src/components/CopyButton.svelte
+++ b/src/components/CopyButton.svelte
@@ -3,6 +3,7 @@
   import CopyIcon from "./icons/CopyIcon.svelte";
 
   export let textToCopy;
+  export let type = null; // a prop for glean click events
 
   function updateClipboard() {
     navigator.clipboard.writeText(textToCopy);
@@ -11,6 +12,7 @@
 
 <button
   class="mzp-c-button mzp-t-secondary mzp-t-md"
+  data-glean-type={type}
   on:click={updateClipboard}
   use:tippy={{
     content: "Copy to clipboard",
diff --git a/src/components/SqlModal.svelte b/src/components/SqlModal.svelte
index b8f0a1104..648a1a1e1 100644
--- a/src/components/SqlModal.svelte
+++ b/src/components/SqlModal.svelte
@@ -6,6 +6,8 @@
 
   export let sqlContent = "";
 
+  export let type = null; // a prop for glean click events
+
   let isOpen = false;
 
   const open = () => {
@@ -23,7 +25,7 @@
 </script>
 
 <div name="trigger" {open}>
-  <button on:click={open}>{openModalText}</button>
+  <button on:click={open} data-glean-type={type}>{openModalText}</button>
 </div>
 
 {#if isOpen}
@@ -50,6 +52,7 @@
                   <CopyButton
                 tooltipText="Copy the SQL code"
                 textToCopy={sqlContent}
+                type="MetricDetail.Access.STMO.CopyGeneratedSQL"
               />
                   </div>
               </pre>
diff --git a/src/components/tabs/Tab.svelte b/src/components/tabs/Tab.svelte
index cb744f010..069bfb35f 100644
--- a/src/components/tabs/Tab.svelte
+++ b/src/components/tabs/Tab.svelte
@@ -1,5 +1,6 @@
 <script>
   export let key;
+  export let label = null; // a prop for glean click events
   import { getContext } from "svelte";
 
   const activeTab = getContext("activeTab");
@@ -12,6 +13,7 @@
 <div
   class="title"
   on:click={() => selectTab(key)}
+  data-glean-label={label}
   class:active={$activeTab === key}
 >
   <slot />
diff --git a/src/pages/AppDetail.svelte b/src/pages/AppDetail.svelte
index 204c75ae5..d02c63ed0 100644
--- a/src/pages/AppDetail.svelte
+++ b/src/pages/AppDetail.svelte
@@ -91,15 +91,17 @@
       });
     }}
   >
-    <Tab key="metrics">Metrics</Tab>
-    <Tab key="pings">Pings</Tab>
+    <Tab key="metrics" label="AppDetail.MetricsTab">Metrics</Tab>
+    <Tab key="pings" label="AppDetail.PingsTab">Pings</Tab>
     {#if app.tags && app.tags.length}
-      <Tab key="tags">Tags</Tab>
+      <Tab key="tags" label="AppDetail.TagsTab">Tags</Tab>
     {/if}
-    <Tab key="app_ids">Application IDs</Tab>
+    <Tab key="app_ids" label="AppDetail.ApplicationIdsTab">Application IDs</Tab>
     {#if app.app_name === "firefox_ios"}
       <!-- for now, only Firefox iOS uses third-party data collection -->
-      <Tab key="third_party_data">Third-Party Data</Tab>
+      <Tab key="third_party_data" label="AppDetail.ThirdPartyDataTab"
+        >Third-Party Data</Tab
+      >
     {/if}
 
     <TabContent key="tags">
diff --git a/src/pages/MetricDetail.svelte b/src/pages/MetricDetail.svelte
index afc412075..dc4df0b13 100644
--- a/src/pages/MetricDetail.svelte
+++ b/src/pages/MetricDetail.svelte
@@ -293,6 +293,8 @@
         Click the button to copy a snippet for use in a
         <a
           href="https://mozilla.github.io/glean/book/user/metrics/data-control-plane/experimenter-configuration.html"
+          data-glean-label="Mozilla Experimenter configuration"
+          data-glean-type="MetricDetail.MetricSampling.MozillaExperimenterConfigurationURL"
         >
           Mozilla Experimenter configuration.
         </a>
@@ -300,6 +302,7 @@
       <td>
         <CopyButton
           textToCopy="{'{\n  "gleanMetricConfiguration": {\n    "'}{metric.name}{'": true\n  }\n}'}"
+          type="MetricDetail.MetricSampling.CopySamplingConfigurationSnippet"
         />
       </td>
     </tr>
@@ -399,7 +402,11 @@
         </td>
         <td>
           {#if pingData.glam_url}
-            <AuthenticatedLink href={pingData.glam_url}>
+            <AuthenticatedLink
+              href={pingData.glam_url}
+              label={params.metric}
+              type="MetricDetail.Access.GLAM.PingData.GlamURL"
+            >
               {params.metric}
             </AuthenticatedLink>
           {:else}
@@ -421,11 +428,19 @@
             {:else}
               <div>
                 In
-                <AuthenticatedLink href={pingData.looker.base.url}>
+                <AuthenticatedLink
+                  href={pingData.looker.base.url}
+                  label={pingData.looker.base.name}
+                  type="MetricDetail.Access.Looker.PingData.BaseURL"
+                >
                   {pingData.looker.base.name}
                 </AuthenticatedLink>
                 as
-                <AuthenticatedLink href={pingData.looker.metric.url}>
+                <AuthenticatedLink
+                  href={pingData.looker.metric.url}
+                  label={pingData.looker.metric.name}
+                  type="MetricDetail.Access.Looker.PingData.MetricURL"
+                >
                   {pingData.looker.metric.name}
                 </AuthenticatedLink>
               </div>
@@ -433,7 +448,11 @@
             {#if pingData.event_monitoring}
               <div>
                 On the
-                <AuthenticatedLink href={pingData.event_monitoring.event.url}>
+                <AuthenticatedLink
+                  href={pingData.event_monitoring.event.url}
+                  label={pingData.event_monitoring.event.name}
+                  type="MetricDetail.Access.Looker.EventMonitoring.EventURL"
+                >
                   Event Monitoring Dashboard for the
                   {pingData.event_monitoring.event.name}
                 </AuthenticatedLink>
@@ -459,11 +478,17 @@
                 params.app,
                 selectedAppVariant.id,
                 selectedPingVariant.id
-              )}>{pingData.bigquery_table}</a
+              )}
+              data-glean-label={pingData.bigquery_table}
+              data-glean-type="MetricDetail.Access.BigQuery.AppVariant.TableURL"
+              >{pingData.bigquery_table}</a
             >
             and <AuthenticatedLink
               href={`https://mozilla.acryl.io/dataset/urn:li:dataset:(urn:li:dataPlatform:bigquery,mozdata.${params.app}.${selectedPingVariant.id},PROD)`}
-            >
+              label="{params.app}.{selectedPingVariant.id}"
+              type="MetricDetail.Access.BigQuery.Union.TableURL"
+              >{pingData.bigquery_table}
+              >
               {params.app}.{selectedPingVariant.id}
               <HelpHoverable
                 content={"The result table of UNION-ing all the per-app_id datasets."}
@@ -480,18 +505,25 @@
                   selectedPingVariant.id,
                   selectedAppVariant.etl.bigquery_column_name
                 )}
+                data-glean-label={selectedAppVariant.etl.bigquery_column_name}
+                data-glean-type="MetricDetail.Access.BigQuery.AppVariant.Table.NonEventMetricURL"
               >
                 {selectedAppVariant.etl.bigquery_column_name}
               </a>
               <CopyButton
                 textToCopy={selectedAppVariant.etl.bigquery_column_name}
+                type="MetricDetail.Access.BigQuery.AppVariant.Table.NonEventMetricURL.Copy"
               />
             {:else}
               (event.category=<code>{metric.event_info.category}</code>
-              <CopyButton textToCopy={metric.event_info.category} /> and event.name=<code
-                >{metric.event_info.name}</code
-              >
-              <CopyButton textToCopy={metric.event_info.name} />)
+              <CopyButton
+                textToCopy={metric.event_info.category}
+                type="MetricDetail.Access.BigQuery.AppVariant.Table.EventMetric.Category.Copy"
+              /> and event.name=<code>{metric.event_info.name}</code>
+              <CopyButton
+                textToCopy={metric.event_info.name}
+                type="MetricDetail.Access.BigQuery.AppVariant.Table.EventMetric.Name.Copy"
+              />)
             {/if}
           </div>
         </td>
@@ -507,12 +539,17 @@
         <td class="stmo">
           <div>
             Start a query in
-            <AuthenticatedLink href={STMO_NEW_QUERY_URL} target="_blank"
+            <AuthenticatedLink
+              href={STMO_NEW_QUERY_URL}
+              target="_blank"
+              label="STMO"
+              type="MetricDetail.Access.STMO.NewQueryURL"
               >STMO</AuthenticatedLink
             > with the following SQL ➡ &nbsp;
           </div>
           <SqlModal
             openModalText="Generate SQL"
+            type="MetricDetail.Access.STMO.GenerateSQL"
             sqlContent={getSampleSQLQueryCode(
               metric.type,
               pingData.bigquery_table,