Compteur de clics v2 détails sur objet cliqué plus dates et heures des clics

Soyez le premier à donner votre avis sur cette source.

Vue 8 668 fois - Téléchargée 471 fois

Description

Voici pour ceux qui sont intéressés de récupérer les détails sur les clics générés sur une page web ; un exemple complet qui permet de savoir le nom de lien plus la date et l'heure exacte où le lien ou l'objet a été cliqué, un rapport est rédigé avec précision sur les clics gauches et droits, code fonctionnel.
Un model de démonstration est disponible à cette adresse : http://abdelaziz.elalia.net

Source / Exemple :

<!--//
var date_exp = new Date (); //aujourd'hui
/*
abdelaziz Rejeb Elalia 7016 Tunisie
site : [http://abdelaziz.elalia.net]
pour tout contact : [http://abdelaziz.elalia.net]
Elalia le 10/06/2008


*/
date_exp.setTime (date_exp.getTime() + (365*24*3600)); // expire dans 24H 
//""""""""""""""""""""""""""""""""""""""""""""""""""""""""Click G
var comptClicXG = LitCookie("ClicXG");
if (comptClicXG==null) comptClicXG="0";
//""""""""""""""""""""""""""""""""""""""""""""""""""""""""Click D
var comptClicXD = LitCookie("ClicXD");
if (comptClicXD==null) comptClicXD="0";
//""""""""""""""""""""""""""""""""""""""""""""""""""""""""Objet info
var rrrrrrr = LitCookie("ClicRF");
if (rrrrrrr==null) rrrrrrr="*";
//""""""""""""""""""""""""""""""""""""""""""""""""""""""""
function LitCookie(Clq) 
{
var mon_cookie = document.cookie;
var debut = mon_cookie.indexOf(Clq+"=");
var taille = debut + Clq.length + 1;
if ((!debut) && (Clq != mon_cookie.substring(0,Clq.length))) return null;
if (debut == -1) return null;
var fin = mon_cookie.indexOf(";",taille);
if (fin == -1) fin = mon_cookie.length;
return unescape(mon_cookie.substring(taille, fin));
}

function EcritCookie(Clq, valeur, expire, chemin, domaine, secure)
{
document.cookie = Clq + "=" + escape(valeur) + ( (expire) ? ";expires=" +expire.toGMTString() : "") + ( (chemin) ? ";path=" + chemin : "") + ( (domaine) ? ";domain=" + 
domaine : "") + ( (secure) ? ";secure" : "");
}

function validerForme() //appelé par le clic sur ce que vous voulez
{
EcritCookie("ClicXG",document.bayanat.TTclicG.value,date_exp);
EcritCookie("ClicXD",document.bayanat.TTclicD.value,date_exp);
EcritCookie("ClicRF",document.bayanat.TTclicRF.value,date_exp);
//history.go(0);
}
//""""""""""""""""""""""""""""""""""""""""""""""""""""""""

function comptclickD() 
{ 
clicD = document.bayanat.TTclicD.value; 
clicD ++ 
document.bayanat.TTclicD.value = (clicD); 
validerForme()
}
//""""""""""""""""""""""""""""""""""""""""""""""""""""""""
function comptclickG() 
{ 
clicG = document.bayanat.TTclicG.value; 

clicG ++ 
document.bayanat.TTclicG.value = (clicG); 
validerForme()
}
//""""""""""""""""""""""""""""""""""""""""""""""""""""""""//Les titres des lient
L1 ='arte.gif'
L2 = 'Tunisie.gif'
L3 = 'Traveaux_p.gif'
L4 ='lien N°1'
L5 = 'lien N°2'
//""""""""""""""""""""""""""""""""""""""""""""""""""""""""//le compt des lien
a1 = 0
a2 = 0
a3 = 0
a4 = 0
a5 = 0
//""""""""""""""""""""""""""""""""""""""""""""""""""""""""//enregistrement des liens cliqués
function Obej_Rf(RF) 
{ 
if(RF==1)
{
a1 ++;
document.bayanat.TTclicRF.value = document.bayanat.TTclicRF.value +(a1)+ ' - ' + L1 + ' : ' + new Date ()+ 'QqQ'
}
if(RF==2){
a2 ++;
document.bayanat.TTclicRF.value = document.bayanat.TTclicRF.value +(a2)+ ' - ' + L2 + ' : ' +  new Date () + 'QqQ' 
}
if(RF==3){
a3 ++;
document.bayanat.TTclicRF.value = document.bayanat.TTclicRF.value +(a3)+ ' - ' + L3 + ' : ' + new Date ()+ 'QqQ' 
}
if(RF==4){
a4 ++;
document.bayanat.TTclicRF.value = document.bayanat.TTclicRF.value +(a4)+ ' - ' + L4 + ' : ' + new Date () + 'QqQ' 
}

if(RF==5){
a5 ++;
document.bayanat.TTclicRF.value = document.bayanat.TTclicRF.value +(a5)+ ' - ' + L5 + ' : ' + new Date ()+ 'QqQ' 
}

validerForme()
}

//""""""""""""""""""""""""""""""""""""""""""""""""""""""""
if (comptClicXD != "") //si le cookie comporte des clicks
document.bayanat.TTclicD.value = comptClicXD; //on affiche le total de clicks droite
//""""""""""""""""""""""""""""""""""""""""""""""""""""""""
if (comptClicXG != "") //si le cookie comporte des clicks
document.bayanat.TTclicG.value = comptClicXG; //on affiche le total de clicks gauche
//""""""""""""""""""""""""""""""""""""""""""""""""""""""""
if (rrrrrrr != "") //si le cookie comporte des clicks
document.bayanat.TTclicRF.value = rrrrrrr; //on affiche le compt plus la liste des liens cliqués
//""""""""""""""""""""""""""""""""""""""""""""""""""""""""
document.write(' <br>G = '+comptClicXG + ' <br>D = '+ comptClicXD + '<br>RF : '+ rrrrrrr.replace(/QqQ/g,"<br>"))
////document.write('<br><b>le cookie : </b> '+ document.cookie) // si on veut lire le cookie
// -->

Conclusion :

Le compte est bon et en détails pour le clic gauche; alors que pour le clic droit on a le total mais on peut inverser ou ajouter les détails de clic droit mais ça il faut le faire.
Pour tout contact aller au : http://abdelaziz.elalia.net

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

abdelaziz_info
Messages postés
120
Date d'inscription
lundi 19 juillet 2004
Statut
Membre
Dernière intervention
12 janvier 2017
-
Salut,

CHOPINETTE52 Avant tout, pour que ton script fonctionne tu dois remettre le (t) bien en place et remplacer "finishtask" par "ss" ou le contraire sauf si tu a les 2 formes dans ton document.

Mai si tu veux actionner ou déclencher un événement après un nombre de clics tu peux faire comme suivant...



<script type="text/javascript">
var A = 3; // 3 est le nombre de clics estimé
var B = 1;
function clic()
{
if (A==B)
{
B=A;
alert('ok clic=3 fait tout ce que tu veux');
}
else
{
B++;
}
}
</script>


Tu peux aussi attribuer (onclick) à d'autres éléments ou objets dans le document...

Bonne chance.
Chopinette52
Messages postés
6
Date d'inscription
dimanche 15 février 2009
Statut
Membre
Dernière intervention
11 février 2010
-
Bonjour moi j'ai un script de ce genre mais plus court lui il compte en temps & en compte a rebours.

J'aimerai un autre système que d'un decompte pour validé une action, je vous indique ma source

<scrip> t
var sec=25;
secund();
function secund()
{
sec--;
document.ss.tt.value=sec;
if(sec==0) document.finishtask.submit();
setTimeout('secund()',1000);
}
</scrip> t

j'aimerai d'avoir la même chose que celui ci en comptant comme par exemple deux ou trois clic et op validation par finishtask.

Indiquez moi s'il vous plais ce que je dois remplaçai ou ajouter si je voudrai les deux options, soit le décompte en seconde et cela valide l'action, ou bien cliquer et cela se validerai aussi cette même action.

Si vous me fournissez cette source je vous jure que j'embrasse celui qui me le pond la source :)

bonne journée bisoux
abdelaziz_info
Messages postés
120
Date d'inscription
lundi 19 juillet 2004
Statut
Membre
Dernière intervention
12 janvier 2017
-
Merci, linconnu76
Voila c’est corrigé
linconnu76
Messages postés
5
Date d'inscription
vendredi 22 octobre 2004
Statut
Membre
Dernière intervention
17 janvier 2009
-
Bonjour,

J'ai testé ca sous firefox et netscape ca ne marche pas :(
abdelaziz_info
Messages postés
120
Date d'inscription
lundi 19 juillet 2004
Statut
Membre
Dernière intervention
12 janvier 2017
-
Bonjour : coucou747
D'abord merci pour ton commentaire.

En suite, je suppose que tu n'as pas remarquer le formulaire et le champ de texte qui récupèrent les informations sur les clics et qui peuvent par la suite être envoyés vers un ficher ou une BDD ou on peut facile comme rien récupérer plus d'informations sur qui a cliquer ? sur quoi ? mais las il s'agit d'un exemple en javascript qui compte très bien les clics.

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.