🧪 Test Page - Trace Analytics

This page demonstrates the trace analytics script in action.

📋 Quick Start

Embed this script on your website:

🔧 Current Testing Setup

<script>
  // Currently using trace.js for both local and production testing
  const script = document.createElement('script);
  script.src = '/latest/trace.js?v=' + Date.now();
  document.head.appendChild(script);
</script>

Testing Phase: Using trace.js for both environments to verify functionality

Production vs Development

Development:

<script>
  // Override for local development (optional)
  window.traceAnalyticsConfig = {
    apiBaseUrl: 'http://localhost:3000',
    debugMode: true
  };
  
  const script = document.createElement('script');
  script.src = '/latest/trace.js';
  document.head.appendChild(script);
</script>

Optional local override, defaults to production

Production:

<script>
  // Production configuration
  window.traceAnalyticsConfig = {
    apiBaseUrl: 'https://trace.nokhaos.com',
    debugMode: false
  };
  
  // Production script from CDN
  const script = document.createElement('script');
  script.src = 'https://trace.nokhaos.com/latest/trace.min.js';
  document.head.appendChild(script);
</script>

Production API endpoints, optimized

🔍 How to Monitor Tracking

Open your browser's Developer Tools (F12)
Go to the Network tab
Look for a POST request to /api/track
Click on it to see the tracked data payload

🎯 UTM Parameter Testing

Try visiting this page with UTM parameters to test attribution tracking:

With UTM Parameters Full UTM Set Attribution Parameters

📊 Data Collected

The tracker automatically collects:

📍 Page Information

URL and path
Page title
Referrer
Domain

🌐 Browser Data

Browser type & version
Operating system
Language settings
User agent

📱 Device Info

Device type
Screen dimensions
Viewport size
Timezone

🎯 Marketing

UTM parameters
Attribution data
Campaign tracking
Session data

🔧 Troubleshooting

If you don't see tracking requests:

Check that your Supabase credentials are configured in .env.local
Ensure the web_events table exists in your database
Look for any JavaScript errors in the Console tab
Verify the tracker script is loading (check Sources/Elements tab)

← Back to Home