Discussion :

[bug75]

Bonjour,

J'essaye de comprendre le fonctionnement des outils de statistiques JS.

En fait, j'aimerais avoir un code à insérer sur les pages pour compter les visites comme le code Google Analytics.

Comment fonctionne urchin de Google ?
On voit plusieurs parties. Une premiere ecrit un code "<script src="google.com/ga.js" et une seconde initialise un script.

Savez vous le fonctionnement de ce genre de script coté client et serveur ?

merci d avance

[SpaceFrog]

Cote client il en peut pas faire grand chose d'autre que de sniffer éventuellement certaines informations genre type de navigateur etc puis appeler une page coté serveur.
Cote serveur la page recupère les information éventuellement sniffées + d'autre in formations disponibles lors d'un appel à une page serveur (referrer IP etc )
puis les stockes dans des tables

[Bovino]

J'imagine aussi qu'il doit y avoir de grosses surcharges sur les mouseover et click de certains éléments de la page...

Ceci dit, tu n'as qu'à regarder le code source puisque "officiellement", Google n'obfusque pas ses codes

[bug75]

Merci pour ces reponses.

En fait, j'ai trouvé la réponse.

Pour l'interaction client/serveur via le Javascript, il suffit simplement de créer un objet image avec comme "src" l'url du serveur de tracking.
Cette url devra retourner une image d'un 1px par exemple.

Voici un code de tracking en JS.

Code :

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

1
2
3
4
<script type="text/javascript">
var a=new Image(1,1); 
a.src="http://google.com/stats/tracking?nav=xxx&code_client=xxxx";
</script>

Et du coté php, on va traiter cette url et on va retourner les "headers" qui vont bien et le contenu dune image 1px 1px.

Code :

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

1
2
3
4
5
6
7
 
<?php
Header('Content-type:  image/gif');
Header('Cache-Control: no-cache');
Header('Cache-Control: must-revalidate');
printf("%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c%c",71,73,70,56,57,97,1,0,1,0,128,255,0,192,192,192,0,0,0,33,249,4,1,0,0,0,0,44,0,0,0,0,1,0,1,0,0,2,2,68,1,0,59);
?>

Cette nouvelle ressource image ne sera pas dans l'arbre HTML de la page car elle n'est ajoutée à aucun noeud DOM.

Pour google, on trouve une ressource

http://www.google-analytics.com/__ut....6.5&utmn=2129....