La meilleure façon de détecter quand un utilisateur quitte une page web ?

Question

Quelle est la meilleure façon de détecter si un utilisateur quitte une page Web ?

Le site onunload L'événement JavaScript ne fonctionne pas à chaque fois (la requête HTTP prend plus de temps que le temps nécessaire à la fermeture du navigateur).

En créer un sera probablement bloqué par les navigateurs actuels.

Answer 1

Essayez le onbeforeunload événement : Il est déclenché juste avant le déchargement de la page. Il permet également de demander à l'utilisateur s'il veut vraiment partir. Voir la démo Démo onbeforeunload .

Vous pouvez également envoyer un Ajax demande quand il part.

Answer 2

Mozilla Developer Network propose une belle description et un exemple de onbeforeunload .

Si vous voulez avertir l'utilisateur avant de quitter la page si votre page est sale (c'est-à-dire si l'utilisateur a saisi des données) :

window.addEventListener('beforeunload', function(e) {
  var myPageIsDirty = ...; //you implement this logic...
  if(myPageIsDirty) {
    //following two lines will cause the browser to ask the user if they
    //want to leave. The text of this dialog is controlled by the browser.
    e.preventDefault(); //per the standard
    e.returnValue = ''; //required for Chrome
  }
  //else: user is allowed to leave without a warning dialog
});

Answer 3

Pour cela, j'utilise :

window.onbeforeunload = function (e) {

}

Il est déclenché juste avant le déchargement de la page.

Answer 4

Je sais que la réponse à cette question a déjà été donnée, mais si vous voulez que quelque chose se déclenche uniquement lorsque le navigateur est fermé, et pas seulement lorsqu'un chargement de page se produit, vous pouvez utiliser ce code :

window.onbeforeunload = function (e) {
        if ((window.event.clientY < 0)) {
            //window.localStorage.clear();
            //alert("Y coords: " + window.event.clientY)
        }
};

Dans mon exemple, j'efface le stockage local et j'alerte l'utilisateur avec les coordonnées y de la souris, uniquement lorsque le navigateur est fermé, ceci sera ignoré sur tous les chargements de page à partir du programme.

Answer 5

Une façon (un peu bricolée) de le faire est de remplacer les liens qui mènent loin de votre site par un appel AJAX vers le serveur, indiquant que l'utilisateur quitte le site, puis d'utiliser le même bloc javascript pour amener l'utilisateur sur le site externe qu'il a demandé.

Bien entendu, cela ne fonctionnera pas si l'utilisateur ferme simplement la fenêtre du navigateur ou tape une nouvelle URL.

Pour contourner ce problème, il faudrait éventuellement utiliser la fonction setTimeout() de Javascript sur la page, en effectuant un appel AJAX toutes les quelques secondes (en fonction de la rapidité avec laquelle vous souhaitez savoir si l'utilisateur est parti).