🔍 Tracking Pixel Logs

Total requests logged: ${logs.length}

Tracking pixel URL: ${c.req.url.replace('/admin/logs', '/sparkle.png')}

\n \n ${logs.length > 0 ? `\n \n \n \n \n \n \n \n \n \n \n ${logs.map(log => `\n \n \n \n \n \n \n `).join('')}\n \n

Timestamp	IP Address	Referer	User Agent
${log[4] \|\| 'N/A'}	${log[1] \|\| 'unknown'}	${log[3] \|\| 'Direct'}	${(log[2] \|\| '').substring(0, 50)}${(log[2] \|\| '').length > 50 ? '...' : ''}

\n ` : `\n

No tracking requests logged yet.

Try accessing the tracking pixel: /sparkle.png

\n `}\n \n

How to use:

Embed this tracking pixel in any webpage or email:

\n <img src=\"${c.req.url.replace('/admin/logs', '/sparkle.png')}\" width=\"1\" height=\"1\" style=\"display:none;\" />\n

\n \n \n `;\n\n return c.html(html);\n } catch (error) {\n return c.text(`Error fetching logs: ${error.message}`, 500);\n }\n});\n\n// Root endpoint with basic info\napp.get('/', (c) => {\n return c.html(`\n \n \n \n Tracking Pixel Server\n \n \n \n

✨ Tracking Pixel Server

This server provides a 1x1 transparent tracking pixel that logs visitor information.

\n \n

Available Endpoints:

\n \n

\n 🖼️ Tracking Pixel:
\n GET /sparkle.png
\n Returns a 1x1 transparent PNG and logs the request details.\n

\n \n

\n 📊 Admin Logs:
\n GET /admin/logs
\n View all tracked requests with IP addresses, timestamps, and referrers.\n

\n \n

Usage Example:

Embed this in any HTML page or email:

\n <img src=\"${c.req.url}sparkle.png\" width=\"1\" height=\"1\" style=\"display:none;\" />\n \n

View Tracking Logs →

\n \n \n `);\n});\n\nexport default app.fetch;","deleted","label",[98],"permalink","https://www.val.town/x/orjpap/pixeltracker/code/main.tsx","extension","actionData","errors"]