Heatmap Analytics Tool

Setup Instructions:

• Database Configuration:
  • Update the provided connection string with your database credentials
  • Create the two provided table designs (sessions and clicks)
  • Test database connectivity before proceeding
• Server Routes Integration:
  • POST /api/sessions - Creates new user sessions
  • POST /api/clicks - Records click/tap events
  • GET /api/sessions - Retrieves session data for playback
  • GET /api/clicks - Fetches click data for heatmaps
  • GET /api/stats - Returns analytics and statistics
  • Ensure CORS is configured if serving from different domains
• Client-Side Integration:
  • Add <script src="path/to/heatmap.js"></script> before closing </body> tag
  • Place on all pages you want to track (automatically segments data by URL)
  • Ensure your server routes are accessible from the pages with heatmap.js
  • No additional configuration needed - starts recording immediately
• Testing & Verification:
  • Load any page with heatmap.js - recording begins automatically
  • Monitor server logs to confirm API endpoints are receiving data
  • Check database tables to verify sessions and clicks are being recorded
  • Access analytics dashboard by adding ?admin_heatmap=true to any tracked page URL
  • Pro Tip: Bookmark your site with ?admin_heatmap=true for quick access
  • Use Heatmap view to see click density visualization
  • Use Playback to watch user session replays with navigation controls
  • Cycle through Statistics to view different analytics metrics
• Support Policy:
  • Support covers tool usage, interpretation of analytics, and optimization strategies
  • Integration assistance and custom modifications available at additional cost
  • Due to the digital nature of the product ALL SALES ARE FINAL