🎯 Trace Analytics

Your lightweight web tracking system is up and running!

📋 Quick Start

Embed this script on your website:

🚀 Smart Auto-Detection (Recommended)

<script>
  // Automatically use trace.js for localhost, trace.min.js for production
  const script = document.createElement('script');
          script.src = window.location.hostname === 'localhost' 
          ? '/latest/trace.js' 
          : '/latest/trace.min.js';
  document.head.appendChild(script);
</script>

Smart: Automatically chooses the right version

🎯 Manual Selection

Development:<script src="/latest/trace.js"></script>

Readable, debuggable

Production:<script src="/latest/trace.min.js"></script>

51.6% smaller, faster

💡 Pro Tip: Replace with your full domain URL when deploying to production

🧪 Test & Analyze

Test the tracking and visualize the data:

🧪 Test Page 🔥 Click Heatmap 📊 Data Viewer

📊 What Gets Tracked

✅ Page views with event_type = "$pageview"
✅ UTM parameters and marketing attribution
✅ Browser, OS, device information
✅ Screen dimensions and viewport data
✅ Session tracking with persistent IDs
✅ Entry point and referrer data

🔧 API Endpoints

/api/track - Tracking endpoint for data collection
/latest/trace.js - JavaScript trace script

💡 Pro Tip: Open your browser's DevTools → Network tab when testing to see the tracking requests.