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:

Visitor Count

You can customize the badge style and colors. Here are some variations:

Page Views Visitors Views

2. GoatCounter Integration

Live Visitor Count

Loading...

View detailed analytics at GoatCounter Dashboard

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

  1. Already enabled in _config.yml
  2. Add this to any page: `
Visitor Count

`

  1. Sign up at goatcounter.com
  2. Update _config.yml with your site ID
  3. Analytics will start collecting automatically

Option 3: Google Analytics (Most Features)

  1. Get tracking ID from Google Analytics
  2. Enable in _config.yml:
    enable_google_analytics: true
    google_analytics: "UA-XXXXXXXXX-X"
    

Option 4: Plausible (Premium Privacy-Focused)

  1. Sign up at plausible.io
  2. Add configuration to _config.yml
  3. Embed public dashboard if desired

Tips for Elegant Display

  1. Keep it Simple: Don’t overwhelm visitors with too many metrics
  2. Match Your Theme: Use colors and styles that fit your site design
  3. Consider Privacy: Choose privacy-friendly options like GoatCounter or Plausible
  4. Performance: Lightweight solutions won’t slow down your site
  5. Placement: Footer or sidebar are common locations for counters