Simple Pixel Tracker

A minimalist pixel tracking application for email open tracking. Create tracking pixels that can be embedded in emails to monitor when they're opened.

Features

  • One-Click Pixel Creation: Generate tracking pixels instantly
  • Status Page: Each pixel has its own status page URL to monitor views
  • PNG Tracking Pixel: Use a transparent 1x1 PNG image for email tracking
  • Track Email Opens: See when your emails are opened and from where
  • Simple Interface: Clean, straightforward UI built with Tailwind CSS

How It Works

  1. Visit the homepage and create a new tracking pixel
  2. Copy the provided HTML code for the tracking pixel
  3. Paste it into your email content
  4. When someone opens your email, their visit will be recorded
  5. Check the status page URL to see when your email was opened

Technical Details

This application is built using:

  • Frontend: React with TypeScript and Tailwind CSS
  • Backend: Hono.js API server
  • Storage: Val Town blob storage

API Endpoints

  • GET /pixeltracker/create - Create a new tracking pixel
  • GET /pixeltracker/status/:id - View the status page for a specific pixel
  • GET /pixeltracker/data/:id - Get JSON data for a specific pixel
  • GET /pixeltracker/pixel/:id.png - The actual PNG tracking pixel that records views
  • GET /pixeltracker/list - List all tracking pixels (admin use)

Privacy Considerations

This tool collects visitor data including:

  • Timestamp of email opens
  • IP addresses
  • User agents (browser/email client information)
  • Referrer information

Make sure to comply with privacy regulations like GDPR and include appropriate disclosures in your privacy policy when using tracking pixels in emails.