Implement comprehensive analytics redesign with bot detection and charts

- Add bot detection logic to differentiate between real traffic and bot traffic
- Detect common bots: search crawlers, social media crawlers, headless browsers, monitoring tools, security scanners
- Expand hit-stats.json to track realHits, botHits, byPathReal, byPathBot, byDayReal, byDayBot, botReasons
- Update analytics API endpoint to return bot/visitor breakdown with 7-day and 30-day comparisons
- Add Chart.js integration with react-chartjs-2 for interactive visualizations
- Create new AnalyticsPanel component with tabbed interface: Overview, Bot Breakdown, Geographic
- Implement graphs showing: 7-day trend (real vs bot), traffic composition (doughnut), bot sources (pie), top pages (bar)
- Display clear KPI cards showing real traffic %, bot traffic %, return visitor rate
- Add deployment & cache status section to analytics dashboard
- Improve data presentation with responsive grid layouts and color-coded metrics
This commit is contained in:
nmemmert
2026-05-07 10:06:32 -04:00
parent 583a9b7b66
commit 3cbb7cc409
5 changed files with 599 additions and 132 deletions
+2
View File
@@ -13,11 +13,13 @@
"preview": "vite preview"
},
"dependencies": {
"chart.js": "^4.4.0",
"express": "^5.2.1",
"express-rate-limit": "^8.4.1",
"otplib": "^13.4.0",
"qrcode": "^1.5.4",
"react": "^19.2.4",
"react-chartjs-2": "^5.2.0",
"react-dom": "^19.2.4",
"react-markdown": "^10.1.0",
"react-router-dom": "^7.13.1",