Website Analytics
Demonstration of different ways to display website traffic
Website Traffic Display Options
This page demonstrates different elegant ways to show website traffic on your Jekyll site.
1. Simple Visitor Badge
The easiest option - no signup required, just works:
You can customize the badge style and colors. Here are some variations:
2. GoatCounter Integration
3. Custom Analytics Widget
You can create custom widgets to display your analytics data:
Today's Visitors
127
↑ 12% from yesterday
Page Views
1,843
This week
Avg. Duration
2:34
Per session
Note: These are example values. Connect to your analytics provider to display real data.
4. Minimalist Counter
For a more subtle approach:
👁️ 1,234 visitors this month • 📈 5,678 total views
Implementation Guide
Option 1: Simple Hit Counter (Recommended for Quick Start)
- Already enabled in
_config.yml
- Add this to any page: `
`
Option 2: GoatCounter (Recommended for Privacy)
- Sign up at goatcounter.com
- Update
_config.yml
with your site ID - Analytics will start collecting automatically
Option 3: Google Analytics (Most Features)
- Get tracking ID from Google Analytics
- Enable in
_config.yml
:enable_google_analytics: true google_analytics: "UA-XXXXXXXXX-X"
Option 4: Plausible (Premium Privacy-Focused)
- Sign up at plausible.io
- Add configuration to
_config.yml
- Embed public dashboard if desired
Tips for Elegant Display
- Keep it Simple: Don’t overwhelm visitors with too many metrics
- Match Your Theme: Use colors and styles that fit your site design
- Consider Privacy: Choose privacy-friendly options like GoatCounter or Plausible
- Performance: Lightweight solutions won’t slow down your site
- Placement: Footer or sidebar are common locations for counters