Track scroll button clicks (#49764)

Author: heiskr

src/events/components/events.ts

@@ -378,6 +378,17 @@ function initLinkEvent() {
       link_container: container?.dataset.container,
     })
   })
+
+  // Add tracking for scroll to top button
+  document.documentElement.addEventListener('click', (evt) => {
+    const target = evt.target as HTMLElement
+    if (!target.closest('.ghd-scroll-to-top')) return
+    const url = window.location.href.split('#')[0] // Remove hash
+    sendEvent({
+      type: EventType.link,
+      link_url: `${url}#scroll-to-top`,
+    })
+  })
 }
 
 function initHoverEvent() {

src/frame/components/ui/ScrollButton/ScrollButton.tsx

@@ -43,6 +43,7 @@ export const ScrollButton = ({ className, ariaLabel }: ScrollButtonPropsT) => {
       <button
         onClick={onClick}
         className={cx(
+          'ghd-scroll-to-top', // for data tracking, see events.ts
           'tooltipped tooltipped-n tooltipped-no-delay color-bg-accent-emphasis color-fg-on-emphasis circle border-0',
           'd-flex flex-items-center flex-justify-center',
         )}