Comment transmettre a analytics les changement de page en ajax.

[yann123]

Bonjour,

Je travaille sur un site de type catalogue produit dont la navigation entre les pages d'une catégorie se fait en ajax.
Il n'y a donc que les produits qui changent, le reste de la page n'est pas rechargé.

J'aimerais pouvoir retrouver chaque page visité dans GA.

j'ai trouvé ces pages sur webraninfo:
http://forum.webrankinfo.com/session-ajax-analytics-t113666.html mais le lien vers locoos ne fonctionne plus.
http://www.webrankinfo.com/dossiers/google-analytics/trucs-et-astuces le lien "Tracking des applications AJAX" ne fonctionne plus non plus.

D'après la doc google, si j'ai bien compris, il faut utiliser la fonction _trackPageview, mais ce n'est pas clair pour moi
Je ne comprends pas trop comment le placé dans ma page, ni où exactement.

Pour analytics, j'utilise le code asynchrone placé entre les balises head de mes pages:

Code: Tout sélectionner

<script type="text/javascript">
     var _gaq = _gaq || [];
     _gaq.push(['_setAccount', 'UA-xxxxxx-xx']);
     _gaq.push(['_trackPageview']);
   
     (function() {
      var ga = document.createElement('script');
      ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
      ga.setAttribute('async', 'true');
      document.documentElement.firstChild.appendChild(ga);
     })();
   </script>


Les liens vers mes pages sont de cette forme:

Code: Tout sélectionner

<a href="femmes-cat1-p2.html" onclick="MajPage('1','2','16','femmes'); return false;">2</a>
<a href="femmes-cat1-p3.html" onclick="MajPage('1','3','16','femmes'); return false;">3</a>


Dans href le lien normal pour ceux qui n'aurait pas javascript d'activé, puis ensuite mon action onclick.
Lors d'un chargement de page en ajax, l'url est modifié avec un #, ce qui donne dans la barre d'adresse:

femmes-cat1-p1.html#2
femmes-cat1-p1.html#3
femmes-cat1-p1.html#4
...

Comment puis-je faire pour que GA prennent en compte ces changements de page ?

Merci