Au cours des dernières années, l’utilisation de JavaScript est devenue la norme sur Internet. Cependant, tout le monde ne recherche pas sur Internet avec JavaScript activé. Selon les données publiées par Yahoo!, environ 2 % des utilisateurs aux États-Unis effectuent des recherches sur Internet avec JavaScript désactivé. Ce chiffre peut sembler petit, mais si l’on considère que le nombre d’internautes aux États-Unis était de près de 240 millions en 2010, on se rend compte que nous manquons probablement l’occasion de suivre des millions de visiteurs potentiels, et ce uniquement aux États-Unis. ! Sur les téléphones mobiles et dans les pays sous-développés, ce pourcentage est probablement encore plus élevé.
La solution traditionnelle
Google Analytics propose des bibliothèques côté serveur capables de suivre tous les visiteurs, mais je n’ai jamais pu configurer correctement ce code. De nombreux autres développeurs ont eu des problèmes similaires, et le support et la documentation de Google n’ont pas été utiles du tout.
J’ai perdu des heures à essayer de faire fonctionner cela, mais je n’ai pas pu le faire – jusqu’à ce que je trouve une solution de contournement. J’ai trouvé un site Web (http://nojsstats.blogspot.com) qui propose un service similaire que vous pouvez utiliser pour suivre les utilisateurs sans JavaScript. C’est à la fois gratuit et facile à utiliser.
Remarque : après des jours d’essais, j’ai enfin compris ce qui se passait avec les bibliothèques côté serveur de Google. Pour qu’ils fonctionnent, votre configuration PHP doit autoriser l’utilisation d’URL absolues dans le file_get_content et ouvrir les fonctions. Pour être exact, pour que le code de Google fonctionne, allow_url_fopen doit être réglé sur « Activé ». Cependant, mon hébergeur ne me permet pas de modifier la configuration PHP. Si vous êtes en mesure de modifier les paramètres PHP sur votre serveur, je vous suggère d’utiliser les bibliothèques de Google au lieu de la solution de contournement que je détaille ci-dessous.
La solution de contournement
1. Ouvrez un compte Google Analytics et trouvez votre identifiant de suivi
Si vous n’avez pas encore de compte, vous devrez configurer Google Analytics. Votre ID de suivi est au format UA-xxxxxxxx-y; vous l’obtenez lorsque vous ajoutez une nouvelle propriété (site Web) à Analytics. Vous pouvez trouver l’ID dans l’onglet “Informations de suivi” de la page d’administration :
Remarque : Le texte à partir de maintenant peut prêter à confusion pour les lecteurs sans aucune expérience en programmation. Si vous êtes l’un d’entre eux, vous voudrez peut-être ignorer les détails et simplement consulter le résumé rapide à la fin de cet article. Si vous souhaitez connaître les détails du code que j’ai développé pour suivre les visiteurs avec JavaScript désactivé, continuez à lire.
2. Ajoutez cette balise d’image à chaque page que vous souhaitez suivre
Après avoir ouvert votre compte Google Analytics, il vous suffit d’ajouter la balise d’image suivante à chaque page que vous souhaitez suivre :
où UA-xxxxxxxx-y est votre ID de suivi, your-page.com est l’adresse de la page suivie et www.the-referer.com est l’adresse de la page de référence. Il est acceptable d’avoir des valeurs codées en dur si vous souhaitez suivre une page, mais vous souhaitez généralement suivre l’intégralité du site Web. Avec la magie de PHP ou de tout autre langage de programmation côté serveur, vous pouvez rendre cette balise d’image dynamique. J’ai préparé du code pour que vous fassiez ce travail:
Remplacez simplement votre identifiant de suivi et vous pourrez utiliser ce code sans autre modification sur chaque page de votre site Web. Vous pouvez également l’inclure dans des modèles si vous utilisez Wordpress ou tout autre CMS. Il récupérera dynamiquement l’emplacement actuel et le référent de l’utilisateur.
Ce bout de code mérite un peu plus d’explications :
Lorsqu’une personne visite votre page pour la première fois, son navigateur demandera l’image et la visite sera enregistrée. Cependant, comme les navigateurs mettent en cache les images, lorsque cette personne visite à nouveau la page, la visite ne sera pas enregistrée. Aucune demande au serveur ne serait faite, car l’image en cache serait chargée à la place. Pour éviter cela, nous devons rendre l’image non-cachable. Une façon de le faire est d’ajouter ces lignes de code en haut de votre page :
Cependant, l’ajout de ces en-têtes sans cache nuira aux performances de votre site Web. Heureusement, il existe une solution de contournement. J’ai trouvé un excellent Q&A sur Stack Overflow, qui explique comment rendre une seule image non-cachable. J’ai ajouté ce correctif (indiqué en rouge ci-dessous) au code pour améliorer les performances :
L’ajout au code ajoute un paramètre d’URL “factice” et lui attribue une valeur aléatoire. Le navigateur pensera que l’image a changé et en fera la demande, en s’assurant que la visite est enregistrée.
3. Testez
Lorsque vous avez terminé de configurer le code, vous devez vous assurer que le suivi fonctionne. Visitez votre site Web, puis affichez le rapport en temps réel de Google Analytics. Si vous voyez des visiteurs actifs, vous êtes bon. Si ce n’est pas le cas, vérifiez tout et visitez la page à partir d’un autre navigateur – l’image peut avoir été mise en cache avant que vous ne la rendiez non-cachable. Vous devriez voir quelque chose comme ceci :
4. Combiner le code d’analyse standard avec la solution de contournement
Vous pouvez combiner le code de suivi Google Analytics standard avec cette solution de contournement en enveloppant la balise d’image avec des balises
Si vous utilisez cette méthode, assurez-vous de tester avec JavaScript à la fois désactivé et activé pour vous assurer que le code normal et le code de contournement fonctionnent comme ils le devraient.
5. Cette solution de contournement n’est pas parfaite 🙁
Comme vous vous y attendez probablement d’une solution de contournement, cela ne fonctionne pas aussi bien que le code normal.
La solution de contournement vous donnera de bonnes données sur :
-
Pages vues
-
Emplacement du visiteur
-
Navigateur
-
fournisseur d’accès Internet
-
Visite depuis mobile ou non
-
Flux de visiteurs
-
Durée de la visite
-
Pages de destination
-
Analyses sur la page
-
Analyse en temps réel
-
Données de requête de recherche (si vous liez le profil d’analyse au profil des outils pour les webmasters)
Malheureusement, la solution de contournement ne peut pas vous donner ces éléments :
-
Données sur la langue
-
Données sur les visiteurs (nouveaux vs. retours, pages par visite, etc.)
-
Sources de trafic (Bien que les données de référence seront enregistrées, vous pouvez donc les trier manuellement)
Si avoir ces données limitées est mieux pour vous que de ne pas avoir de données, n’hésitez pas à utiliser le code de contournement. Vous souhaiterez peut-être créer des ID de suivi distincts pour le code de suivi habituel et la solution de contournement, afin que les données manquantes ne faussent pas vos données habituelles.
Résumé rapide
- Ouvrez un compte Google Analytics et installez le code de suivi habituel sur chaque page de votre site Web. Assurez-vous que votre serveur prend en charge PHP. Comme vous ne pouvez pas obtenir d’analyse complète avec le code de contournement ci-dessous, vous pouvez envisager d’utiliser des identifiants de suivi distincts pour le code normal et le contournement – de cette façon, les données manquantes n’affecteront pas vos données normales.
- Ajoutez le morceau de code suivant à vos pages, en le plaçant dans les balises et en remplaçant “UA-xxxxxxxx-y” par votre ID de suivi Google Analytics.
Tout devrait fonctionner. 🙂
Dernières pensées
Si vous avez une idée pour améliorer ce processus, partagez-la dans les commentaires ou envoyez-moi un e-mail 🙂
Aussi, vous pouvez trouver les fichiers utilisés dans ce tutoriel sur mon blog.
N’oubliez jamais de tester le code !
J’espère que cet article vous a plu et j’ai hâte d’avoir de vos nouvelles dans les commentaires ! 🙂
