Track “Copy to clipboard” button clicks in guides in GA4

[shin19991207]

From Laura Cowen:

Do we, by any chance, measure (in Google Analytics) whether guide users actually click the Copy to clipboard buttons within the guide text column? I was just thinking that maybe if we could see how far down the page the clipboard icons are clicked, we could get some sense of whether someone has actually tried to use the guide (rather than just reading it).

If we could track that (and identify which instance of the icon on a page), we could do some automated dashboard of how far users get down the guide for the standard sections (like in Guide X they always clone but not many get further, whereas in Guide Y they get further). Then we could drill into individual guides to see how far people get through them.

We want to track when users click the “Copy to clipboard” buttons within guide pages and analyze how far they progress through the guide based on these interactions. This data will help us understand guide engagement beyond just page views—such as whether users are copying commands and how far down they reach.

Specifically, we need:

• a script to dynamically attach click event listeners to .copy_to_clipboard buttons
• the scroll depth (window.scrollY / document.body.scrollHeight * 100)
• send the data to GA4 (reference: https://developers.google.com/analytics/devguides/collection/ga4/events?client_type=gtag)