Add comprehensive Google Analytics tracking to sandbox and benchmark sites

Author: miller-28

sandbox/main.js

@@ -475,6 +475,15 @@ class SandboxUI {
 			});
 		}
 
+		// Track example run in Google Analytics
+		if (typeof gtag === 'function') {
+			gtag('event', 'button_click', {
+				button_type: 'example_run',
+				button_id: example.id,
+				example_title: example.title
+			});
+		}
+
 		// Run example
 		const result = await this.examplesController.runExample(testId, updateOutput, onStatusChange);
 
@@ -642,6 +651,37 @@ class FooterScrollTracker {
 
 }
 
+// Footer Scroll Tracker
+class FooterScrollTracker {
+
+	constructor() {
+		this.init();
+	}
+
+	init() {
+		const footer = document.querySelector('.footer');
+		if (footer && typeof IntersectionObserver !== 'undefined') {
+			let hasTrackedFooter = false;
+			const footerObserver = new IntersectionObserver((entries) => {
+				entries.forEach(entry => {
+					if (entry.isIntersecting && !hasTrackedFooter && typeof gtag === 'function') {
+						gtag('event', 'view_item', {
+							content_type: 'section',
+							item_id: 'footer'
+						});
+						hasTrackedFooter = true;
+						footerObserver.disconnect(); // Only track once
+					}
+				});
+			}, {
+				threshold: 0.5 // Trigger when 50% of footer is visible
+			});
+			footerObserver.observe(footer);
+		}
+	}
+
+}
+
 // Scroll to Bottom Button Manager
 class ScrollToBottom {
 
@@ -689,3 +729,6 @@ new ScrollToBottom();
 
 // Initialize footer scroll tracker
 new FooterScrollTracker();
+
+// Initialize footer scroll tracker
+new FooterScrollTracker();