← Todos los proyectos

Idra Panel

Proyecto propio · 2026

Un panel privado para medir los clics en los botones de acción y las visitas de una web, sin cookies ni datos personales.

Tipo
Proyecto propio
Año
2026
Servicios
Herramientas y paneles, Mantenimiento y alojamiento

Idra Panel es una herramienta que me he construido para saber qué hace la gente en una web: cuántos la visitan y cuántos pulsan los botones que importan (llamar, WhatsApp, cómo llegar, carta, reparto…).

Las capturas de esta página usan datos de ejemplo.

El problema

Un negocio con web suele saber que tiene visitas, pero no si esas visitas acaban en una llamada o en un mensaje. Muchas herramientas de analítica miden mucho más de lo que necesita una tienda o un bar, y varias usan cookies, lo que obliga a avisar al visitante. Yo quería algo más corto: una cifra clara al mes de cuánta gente ha llamado, ha escrito o ha pedido cómo llegar.

Cómo funciona

  • Un script ligero que cualquier web puede incrustar, esté donde esté alojada.
  • Los botones que se quieren medir llevan una marca. El script cuenta cada pulsación y cada visita.
  • Solo guarda contadores por día, por ejemplo «ayer, 12 visitas y 3 clics en Llamar». No guarda cada visita por separado ni la IP, y no usa cookies ni almacenamiento en el navegador.
  • Comprueba que los datos llegan desde la web registrada y limita la frecuencia de envíos, para que nadie pueda inflar las cifras.
  • Permite gestionar webs y clientes y ver las estadísticas de cada web.
  • Genera un informe mensual por web, listo para imprimir o guardar en PDF, sin los datos internos del cliente.

Qué se ve en el panel

La portada reúne todas las webs con su mes de un vistazo. Dentro de cada una hay estadísticas diarias, con las visitas y los clics por botón, y un informe mensual en formato hoja con las cifras del mes.

Privacidad

No hay cookies ni datos personales. Aun así, cada web que lo use tiene que mencionarlo en su política de privacidad.

Para qué lo uso

Es lo que hay detrás del informe mensual de mantenimiento de una web: cuánta gente ha llamado, ha escrito o ha buscado cómo llegar.

Con qué está hecho

  • Cloudflare Workers, en TypeScript: uno privado para el panel y otro público que solo recibe los contadores.
  • D1 (SQLite) para guardar los datos.
  • Panel en React y TypeScript, con gráficos propios en SVG.
  • Acceso protegido con Cloudflare Access, con inicio de sesión por email. Además, el servidor comprueba la identidad en cada petición.
  • Pruebas automáticas con Vitest.

¿Te gusta algo de lo que ves? Escríbeme y lo hablamos.