En esta oportunidad los molesto ya que estoy tratando de armar un script que al cerrar el navegador envíe por ajax el tiempo que duro la visita en el sitio.
Según tengo leído el evento solo se puede hacer con el método navigator.sendBeacon con javascript, el problema de este script es que no llegan los datos por ajax.
¿Es posible que ambos input sean hidden y el valor llegue igual? ¿En que estoy fallando?
Muchas gracias
Como contador utilizo la librería: TimeMe JS https://github.com/jasonzissman/TimeMe.js/blob/master/timeme.js
<script src="timeme.js"></script>
<script type="text/javascript">
TimeMe.initialize();
window.onload = function(){
setInterval(function(){
var timeSpentOnPage = TimeMe.getTimeOnCurrentPageInSeconds();
document.getElementById('timeInSeconds').value = timeSpentOnPage.toFixed(2);
}, 25);
}
</script>
<script type="text/javascript">
window.onunload = function analytics(event) {
if (!navigator.sendBeacon) return;
var url = "s.php";
var xq = document.getElementById("stats").value;
var sid = document.getElementById("sid").value;
var data = "sid=" + sid + "&time=" + xq;
var status = navigator.sendBeacon(url, data);
console.log("sendBeacon: URL = ", url, "; data = ", data, "; status = ", status);
};
</script>
Y el html es el siguiente
<div class="time-message">
<h1>
<input type="text" id="sid" value="22" />
<input type="text" id="timeInSeconds" value="" />
</h1>
</div>