JavaScript, navegadores y cierre de ventanas: seguimiento de la salida del usuario

El seguimiento de la salida del usuario es esencial para capturar datos y realizar acciones antes de que un usuario se vaya una página. Si bien monitorear los eventos de navegación es relativamente sencillo, detectar el cierre de una ventana o cambios de URL sin la interacción del usuario representa un desafío.

Capturar evento de cierre de ventana

La API Beacon, disponible en versión moderna navegadores, proporciona una solución. Las solicitudes de Beacon están diseñadas para ejecutarse incluso cuando un usuario abandona abruptamente una página, lo que garantiza que aún se puedan llevar a cabo acciones críticas.

Para utilizar la API de Beacon, utilice el siguiente fragmento de código:

var url = "https://example.com/foo";
var data = "bar";

navigator.sendBeacon(url, data);

Alternativas para navegadores más antiguos

Si es necesario admitir navegadores más antiguos, el evento de cambio de visibilidad ofrece una alternativa. La transición de "pasivo" a "oculto" en este caso significa la inminente salida del usuario. Aquí hay un ejemplo:

document.addEventListener('visibilitychange', function() {
  if (document.visibilityState === "hidden") {
    // Perform desired actions (e.g., send beacon request)
  }
});

Confiabilidad y bloqueadores de anuncios

El cambio de visibilidad se ha convertido en un indicador confiable de la salida del usuario en los navegadores modernos. Sin embargo, los bloqueadores de anuncios pueden interferir con las solicitudes de balizas, especialmente si tienen orígenes cruzados o se originan en dominios de seguimiento conocidos.

Consideraciones entre sitios

Las solicitudes de balizas son solicitudes POST que respetan Restricciones CORS. Al realizar solicitudes entre sitios, asegúrese de que cumplan con los requisitos necesarios para evitar el bloqueo por parte del navegador.