@ W-22198794 Enhance page format dropdown functionality with event tracking

src/js/23-page-format-dropdown.js

@@ -1,6 +1,19 @@
 ;(() => {
   'use strict'
 
+  const pushCtaLink = (clickText, clickUrl) => {
+    const h1 = document.querySelector('h1')
+    window.dataLayer = window.dataLayer || []
+    window.dataLayer.push({
+      event: 'content_click',
+      clickText,
+      itemTitle: h1 ? h1.textContent.trim() : document.title,
+      clickUrl,
+      elementType: 'link',
+      contentType: 'Page Options Dropdown',
+    })
+  }
+
   const dropdowns = document.querySelectorAll('.page-options-dropdown')
   if (!dropdowns.length) return
 
@@ -115,9 +128,11 @@
         theme: 'copy-link-popover',
         zIndex: 'var(--z-nav-mobile)',
       })
+    }
 
-      // Primary button directly copies
+    if (primaryBtn) {
       primaryBtn.addEventListener('click', () => {
+        pushCtaLink(primaryBtn.textContent.trim(), mdUrl)
         copyMd()
       })
     }
@@ -126,6 +141,7 @@
     const menuCopyBtn = optionsPanel.querySelector('[data-action="copy-md"]')
     if (menuCopyBtn) {
       menuCopyBtn.addEventListener('click', () => {
+        pushCtaLink(menuCopyBtn.textContent.trim(), mdUrl)
         copyMd()
         closeMenu(true)
       })
@@ -182,6 +198,7 @@
     // Close after clicking a link item
     optionsPanel.querySelectorAll('a[role="menuitem"]').forEach((link) => {
       link.addEventListener('click', () => {
+        pushCtaLink(link.textContent.trim(), link.href)
         closeMenu(false)
       })
     })

src/partials/page-actions-dropdown.hbs

@@ -12,7 +12,7 @@
     <div class="page-options-menu-group" role="group">
       <a role="menuitem" tabindex="-1" data-action="view-md" rel="noopener" target="_blank">View as Markdown <img class="external-link-image" src="{{@root.uiRootPath}}/img/icons/external-link.svg" alt="" aria-hidden="true"><span class="sr-only">(opens in new tab)</span></a>
       {{#if (or preview (and (ne (site-profile) "archive") (or (and page.fileUri (not env.CI)) (and page.editUrl (not page.origin.private))))) }}
-      <a role="menuitem" tabindex="-1" rel="noopener" target="_blank"
+      <a role="menuitem" tabindex="-1" data-action="view-github" rel="noopener" target="_blank"
         {{#if (and page.fileUri (not env.CI))}}
         href="{{page.fileUri}}"
         {{else}}