Tracker les clics lors des visites

**bronon** · 28/08/2015, 22h30

Bonsoir à tous,
Depuis cet après-midi je patauge dans le problème suivant :
Afin d'améliorer l'ergonomie d'un site Internet j'ai besoin de savoir quels sont les préférences de navigation du visiteur.
Pour ce faire nous avons imaginé de collecter tous les clics que le visiteur fait sur la page de mettre tout ça dans une table dans le but d'une exploitation ultérieure par des statisticiens et surtout par des graphistes.
Comme toute page Web elle est constituée d'input, de textarea pour la saisie, de boîte à cocher, de bouton radio de liens à cliquer de div diverses indiquant diverses choses. et doté ou non de toolTip.
J'aimerais avoir une piste ou deux qui me permet de collecter ces infos (id ou parents id ou class et une info temporelle et surtout les clics sur les div inertes) sachant que ce sont les seules informations dont j'ai besoin.
J'ai essayé de retourner dans tout les sens « addEventListener » en JavaScript pur ou jQuery mais rien ne débouche sur quelque chose d'exploitable

Je souhaite simplement « écouter » les clics

Vos lumières me seraient très utiles
Bonne soirée et d'avance merci

**danielhagnoul** · 28/08/2015, 23h30

Exemple :

Code HTML :

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

1
2
3
4
5
6
7
8
<body>  <h1>Titre</h1>
  <h2>Sous-titre</h2>
  <div class="hello">Hello</div>
  <div id="bonjour">Bonjour</div>
  <div data-role="inutile">Inutile</div>
 
  <div id="result"></div>
</body>

Code JavaScript :

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
$( "*", "body" ).on( "click", function( event ){
    var
      jObjTarget = $( event.target ),
      jObjResult = $( "#result" );
 
    if ( event.target.nodeName === "DIV" ){
      jObjResult.append(
        '<p>' +
        new Date( event.timeStamp ).toLocaleString() +
        '; class : ' + jObjTarget.attr( "class" ) +
        '; id : ' + jObjTarget.attr( "id" ) +
        '; role : ' + jObjTarget.data( "role" ) +
        '</p>'
      );
    }
 
    console.log( event.target );
});

**bronon** · 29/08/2015, 10h10

Merci pour ta réponse, je regarde ceci dans la journée

Bonne journée

[MàJ] Je viens de tester et tout semble fonctionner correctement je fais l'adaptation dans le le site et tiens informé

**SpaceFrog** · 31/08/2015, 08h38

Sinon google analytics fournit des outils de type hotspot pour tracer le comportement des utilisateurs sur tes pages .

**bronon** · 02/09/2015, 18h37

Merci pour cette info, j'ignorais complètement le fait que Google fournissait ce genre se service.
J'ai regardé les hotspots de Google il semblerait que ceci ne fonctionne qu'avec Chrome.
A investiguer plus tard
Si tu as d'autres infos n'hésite pas à m'en faire part
Bonne soirée
Cdlt

[MàJ] Je viens d'explorer ce lien qui fait fi du navigateur maintenant je n'ai pas compris comment exporter les données si nécessaire

https://support.google.com/analytics.../2558811?hl=fr

Tracker les clics lors des visites

JavaScript

Discussions similaires

Partager

Partager