Discussion :

[joboy84]

Bonjour,

Je ne suis pas du tout à l'aise avec Javascript, mais je souhaite savoir si l'utilisateur est "actif" ou "inactif" sur mon site.

Pour cela, je pense utiliser les éléments .mousemove, .mousedown et .keydown puis effectuer un renvoi vers un fichier php si l'utilisateur est actif

Disons, que je souhaite vérifier si l'utilisateur a été actif au moins une fois durant les 5 dernières minutes.

Comment faire ? Car window.setInterval est executé tous les x moments...et n'est donc pas utilisable ?

Merci

[Doksuri]

le probleme avec ton idee des .mousemove, .mousedown et .keydown, etc... c'est que tu risque d'etre flood d'event
fais un console.log() d'un mousemove tu verras

le plus simple est de faire un appel ajax a ton script php via un setInterval (qui tourne toutes les 10sec par exemple)
l'ajax appel ton .php avec un argument de l'id de l'utilisateur (par exemple)
=> le php met a jour la BDD avec le timesamp de l'appel.

[joboy84]

En effet c'est une mauvaise idée ^^

Le truc qui me dérange un peu, c'est que si je n'utilise qu'un appel ajax avec setInterval, cela ne sera pas très précis.

En effet, un utilisateur qui va faire ses courses en laissant la page ouverte, sera considéré comme étant "actif" alors qu'il ne l'est pas.

C'est pour ça qu'initialement je voulais utiliser les divers attributs pour un traking individuel plus précis.

Aurais tu une autre idée ?

[Marco46]

Généralement pour le tracking on récupère les actions de l'utilisateur en les associant à un tag.

Par exemple quand il clique sur le bouton se connecter, on envoie un tag qui identifie cette action sur ce bouton. Quand il visite telle ou telle vue (en particulier sur les SPA), pareil, etc ...

Si l'utilisateur n'a déclenché aucune action depuis une certaine durée tu peux le considérer inactif.

[Watilin]

Je ne vais pas questionner l’aspect éthique de la question…

Pour éviter le problème de flood dont parle Doksuri, tu peux faire les choses en deux étapes : les évènements touchent juste une variable globale, et en parallèle tu as un setTimeout qui fait un « rapport » au serveur toutes les 5 minutes. À la fin du rapport, la variable globale est réinitialisée.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
let activity = false;
 
document.addEventListener("mousemove", () => {
  activity = true;
});
 
// ...
 
const reportActivity = () => {
  const req = new XMLHttpRequest();
  req.open("GET", "url-de-rapport?activity=" + activity);
  req.onload = () => {
    console.log("rapport ok");
    setTimeout(reportActivity, 5 * 60 * 1000);
    activity = false;
  };
  req.send();
};
 
setTimeout(reportActivity, 5 * 60 * 1000);