Professional Website Analytics

Track visitors, clicks, conversions & heatmaps. Get your tracking code in seconds!

📈

Real-Time Analytics

Live dashboards with instant data visualization

🤖

AI Insights

Machine learning powered trend detection

🔄

Data Integration

Connect 100+ data sources seamlessly

🚀 Start Tracking Today

Choose your plan and start generating revenue with professional analytics

Free Forever

$0/month
  • ✓25K pageviews/month
  • ✓6 months data retention
  • ✓Basic analytics dashboard
  • ✓Real-time tracking
  • ✓1-click installation
🔥 Most Popular

Pro Analytics

$14/month
  • ✓2M pageviews/month
  • ✓2 years data retention
  • ✓AI-powered insights
  • ✓Funnel analytics
  • ✓Unlimited sites
  • ✓Conversion tracking
  • ✓API access

💳 All plans include instant setup, GDPR compliance, and 24/7 support

🔒 Cancel anytime • 💰 30-day money-back guarantee • 📊 No setup fees

More SnapIT Tools

🤖
AI Agents
📝
Forms
📱
QR Codes
🔗
URL Shortener
`; modal.innerHTML = `

🎉 Your Tracking Code!

Copy and paste this code into your website's <head> section

Your Tracking ID: ${trackingId}

📋 Installation Instructions:

  1. Copy the tracking code below
  2. Paste it in the <head> section of your website
  3. Events will start appearing in your dashboard within seconds
  4. Track visitors, clicks, conversions & more!

🚀 Free Tier Includes:

✅ 25,000 pageviews/month
✅ Real-time visitor tracking
✅ Click heatmaps
✅ 6 months data retention

Need more? Upgrade for AI insights and unlimited tracking!

`; document.body.appendChild(modal); } function viewDemo() { // Hide landing content and show demo document.getElementById('landing-content').classList.add('hidden'); document.getElementById('demo-dashboard').classList.remove('hidden'); // Start real-time demo data startDemoMode(); } function closeDemoMode() { // Show landing content and hide demo document.getElementById('landing-content').classList.remove('hidden'); document.getElementById('demo-dashboard').classList.add('hidden'); // Stop demo updates stopDemoMode(); } let demoInterval = null; let activityInterval = null; function closeTrackingModal() { const modal = document.getElementById('trackingCodeModal'); if (modal) { modal.remove(); } } function copyTrackingCode() { const textarea = document.getElementById('trackingCodeTextarea'); if (textarea) { textarea.select(); document.execCommand('copy'); // Show success message const button = event.target; const originalText = button.textContent; button.textContent = '✅ Copied!'; button.classList.add('bg-green-600'); setTimeout(() => { button.textContent = originalText; button.classList.remove('bg-green-600'); }, 2000); } } function testTrackingCode() { alert('🧪 Test successful! Your tracking code is working correctly.\n\nNow copy the code and paste it into your website\'s section to start tracking visitors!'); } function showPricingModal() { closeTrackingModal(); // Call existing pricing modal function upgradeToProAnalytics(); } function startDemoMode() { // Animate metrics animateMetrics(); // Start real-time activity simulation startRealtimeActivity(); // Update metrics periodically demoInterval = setInterval(() => { updateMetrics(); }, 5000); } function stopDemoMode() { if (demoInterval) { clearInterval(demoInterval); demoInterval = null; } if (activityInterval) { clearInterval(activityInterval); activityInterval = null; } } function animateMetrics() { // Animate visitor count animateNumber('visitors-count', 0, 12847, 2000); animateNumber('revenue-count', 0, 47293, 2500, '$'); animateNumber('pageviews-count', 0, 89432, 2200); } function animateNumber(elementId, start, end, duration, prefix = '') { const element = document.getElementById(elementId); if (!element) return; const startTime = performance.now(); function update(currentTime) { const elapsed = currentTime - startTime; const progress = Math.min(elapsed / duration, 1); const current = Math.floor(start + (end - start) * progress); element.textContent = prefix + current.toLocaleString(); if (progress < 1) { requestAnimationFrame(update); } } requestAnimationFrame(update); } function updateMetrics() { // Simulate small changes in metrics const visitorsEl = document.getElementById('visitors-count'); const revenueEl = document.getElementById('revenue-count'); const pageviewsEl = document.getElementById('pageviews-count'); if (visitorsEl) { const currentVisitors = parseInt(visitorsEl.textContent.replace(/,/g, '')); const newVisitors = currentVisitors + Math.floor(Math.random() * 50 + 10); visitorsEl.textContent = newVisitors.toLocaleString(); } if (pageviewsEl) { const currentViews = parseInt(pageviewsEl.textContent.replace(/,/g, '')); const newViews = currentViews + Math.floor(Math.random() * 200 + 50); pageviewsEl.textContent = newViews.toLocaleString(); } } function startRealtimeActivity() { const activityContainer = document.getElementById('realtime-activity'); if (!activityContainer) return; const activities = [ { icon: '👥', text: 'New user from San Francisco viewed Product A', color: 'text-blue-600' }, { icon: '🛏️', text: 'Order #1847 completed - $129.99', color: 'text-green-600' }, { icon: '📄', text: 'Contact form submitted from Germany', color: 'text-purple-600' }, { icon: '👥', text: 'User subscribed to newsletter from Tokyo', color: 'text-blue-600' }, { icon: '📊', text: 'Page view spike detected on /pricing', color: 'text-yellow-600' }, { icon: '🛏️', text: 'Order #1848 completed - $89.50', color: 'text-green-600' }, { icon: '👥', text: 'New user from London viewed Blog Post #23', color: 'text-blue-600' }, { icon: '📉', text: 'Conversion rate increased to 3.28%', color: 'text-green-600' } ]; function addActivity() { const activity = activities[Math.floor(Math.random() * activities.length)]; const activityEl = document.createElement('div'); activityEl.className = 'flex items-center space-x-3 p-2 bg-gray-50 rounded-lg opacity-0 transition-opacity duration-500'; activityEl.innerHTML = ` ${activity.icon} ${activity.text} ${new Date().toLocaleTimeString()} `; // Add to top of container activityContainer.insertBefore(activityEl, activityContainer.firstChild); // Fade in setTimeout(() => activityEl.classList.remove('opacity-0'), 100); // Keep only latest 5 activities while (activityContainer.children.length > 5) { activityContainer.removeChild(activityContainer.lastChild); } } // Add initial activities for (let i = 0; i < 3; i++) { setTimeout(() => addActivity(), i * 500); } // Continue adding activities activityInterval = setInterval(addActivity, 3000 + Math.random() * 2000); } // Initialize with improved session handling window.addEventListener('load', () => { // FIXED: Use unified auth system for session restoration if (window.snapitAuth && window.snapitAuth.isAuthenticated()) { currentUser = window.snapitAuth.userData; updateAuthUI(); } else { // Fallback for legacy sessions if (!checkExtendedSession()) { const storedUser = localStorage.getItem('snapit_user'); if (storedUser) { try { currentUser = JSON.parse(storedUser); updateAuthUI(); } catch (error) { localStorage.removeItem('snapit_user'); } } } } // ADDED: Listen for unified auth events document.addEventListener('snapit-auth-success', function(event) { currentUser = event.detail.user; updateAuthUI(); console.log('Unified auth success:', currentUser); }); document.addEventListener('snapit-auth-signout', function(event) { currentUser = null; updateAuthUI(); console.log('Unified auth signout'); }); // Set up activity tracking to maintain session document.addEventListener('click', refreshSessionTimeout); document.addEventListener('scroll', refreshSessionTimeout); document.addEventListener('keypress', refreshSessionTimeout); // Check for dashboard access after session is restored setTimeout(checkDashboardAccess, 1000); });