Skip to content

📊 Site Analytics Dashboard

Built: 2026-04-13, redesigned 2026-04-16, major overhaul 2026-04-20 URL: aguidetocloud.com/site-analytics/ Status: ✅ Live — fully public, no password Accent: Steel #64748B CSS Namespace: .siteana-* Body Class: page-site-analytics

What It Is

A public transparency dashboard showing real usage data for aguidetocloud.com. Visitors see tool popularity, traffic trends, blog performance, search intelligence, and Guided platform stats. All data anonymous — no cookies, no personal data.

⚠️ This is the PUBLIC page. The private dashboard is at /cc/ — see Command Centre.

7 Public Tabs

Tab Default What visitors see
Tools ✅ Active Leaderboard (top 15 + toggle, clickable links), Rising Stars, Hidden Gems, Tool of the Day, Activity doughnut, Category breakdown bars, Content vs Tools split
Live Real-time visitors, 30-day trend chart, heatmap calendar, countries with flags, sources, devices, transparency note
Blog Blog stats (posts/words/avg read time/FAQ count), traffic leaderboard, posts by category, publishing timeline, reading estimates, content depth
Content Site content counts, top pages, content freshness with emojis
Guided Platform Pulse KPIs (learners, quiz starts, completions, rate, views, live), daily engagement chart, quiz mode doughnut, cert performance table with completions, event breakdown, top pages — all lazy-loaded from /api/stats?guided=1. See Guided Analytics Pipeline
Search Position distribution histogram, queries with CTR column, SEO opportunities
Story Your Journey (localStorage), Built in Public, Milestones, Impact estimates, Fun Facts, Open Data API, FAQ

Stats Bar (always visible)

6 metrics: Live Now (pulse dot) · Page Views with sparkline · Users with sparkline · Sessions · Today · Pages/Session

All numbers use count-up animation. Loading state shows shimmer skeletons. "Data refreshed just now" timestamp updates every minute.

Key Features (V4 — Apr 20)

  • Leaderboard: CSS Grid layout ([2rem] [1fr] [auto] [3.5rem]), top 15 default with toggle, clickable tool links, NEW badge support
  • Heatmap calendar: GitHub-style 30-day grid, custom glass tooltips (data-tip attr)
  • SEO Opportunities: Auto-detects queries #4-10 with high impressions
  • Blog analytics: Hugo calculates word count, reading time, FAQ coverage at build time
  • Tab scroll: 7 tabs scroll horizontally on mobile (no flex-wrap)
  • Loading states: Every widget has "Loading..." placeholder
  • Accessibility: aria-labels on all canvases

API

Fetches /api/stats?range=30d: - ga4.totals — views, users, sessions - ga4.today, ga4.wow — today + week-over-week - ga4.trend — 30 daily data points (trend + heatmap + sparklines) - ga4.leaderboard — all tools ranked - ga4.tool_trends — per-tool daily (top 10, sparklines) - ga4.countries, ga4.devices, ga4.sources - ga4.top_pages, ga4.blog_pages - gsc.queries — Search Console (position, clicks, impressions)

Also fetches /api/stats?guided=1 (Guided tab only): - pulse — active_learners, quiz_starts, quizzes_taken, completion_rate, total_views, realtime_active - events — all guided_* event counts - trend — 30-day daily views/users/sessions for /guided/ pages - certs — per-cert practice page views + quiz completions - modes — quiz mode distribution (study/exam/flashcards) - pages — top 20 guided pages by views

Cached 5 min server-side. Auto-refreshes 5 min client-side. Realtime (?realtime=1) polls every 60s.

Files

File Purpose Size
content/site-analytics/_index.md Front matter + FAQ ~1KB
layouts/site-analytics/list.html Template with ALL inline JS ~55KB
static/css/site-analytics.css Cleaned styles (dead V1/V2 removed) ~50KB

History

  1. V1 (Apr 13): 4 tabs, password-gated, custom tracking
  2. V2 (Apr 16): 8 tabs, insights, YouTube, goals, sparklines
  3. V3 (Apr 16): Split public/private. /cc/ gets strategy features.
  4. V4 (Apr 20): Major redesign — 7 tabs, 30+ widgets, Blog/Guided/Search tabs, heatmap, category bars, CSS Grid leaderboard, count-up animations, loading skeletons, bookmark CTA. ~470 lines dead CSS removed.
  5. V5 (Apr 25): Guided tab upgraded from static overview to live analytics dashboard. 6 KPIs, trend chart, mode doughnut, cert table, event breakdown, top pages. Powered by new /api/stats?guided=1 endpoint with 7 parallel GA4 queries. See Guided Analytics Pipeline.

⚠️ Two Analytics Pages

/site-analytics/ /cc/
Purpose Public transparency Private decisions
Access Open to all Password-gated

NEVER add private features to public page. NEVER link /cc/.