Comment suivre les utilisateurs sur les pages Web consultées

Le stockage Web HTML5 offre aux propriétaires de sites la possibilité de simplifier la vie des personnes qui visitent leurs sites Web. Les cookies HTML, utilisés depuis des années pour suivre les internautes, stockent des informations sur les disques durs des personnes visitant des sites Web. Les versions modernes d'Opera, Firefox, Chrome, Safari et Internet Explorer permettent aux propriétaires de sites d'effectuer la même tâche plus efficacement avec la fonctionnalité de stockage Web intégrée à HTML5. Si votre site professionnel doit suivre les utilisateurs pour visualiser les pages Web, vous pouvez gagner du temps de codage en utilisant le stockage Web HTML5.

1.

Ouvrez l'une de vos pages HTML et ajoutez le code suivant à la section de votre document:

Ce code crée la fonction getInfo. Cette fonction émet deux commandes localStorage qui extraient les valeurs de userName et visitDate situées sur le disque dur d'une personne. Il les stocke dans les variables nom d'utilisateur et visitDate et affiche ces valeurs dans une fenêtre d'alerte.

3

Ajoutez le code suivant à la section du corps du document pour créer deux boutons:

Ces deux boutons vous permettent de tester vos fonctions.

4

Enregistrez le document et affichez-le dans votre navigateur. Cliquez sur "Enregistrer les informations" et la fonction saveInfo enregistre le nom d'utilisateur et la date du jour dans la zone "Stockage local" de votre navigateur. Cliquez sur «Obtenir des informations» pour les récupérer et les afficher dans une fenêtre d'alerte.

Conseils

• Le stockage Web ouvre un nouveau monde de possibilités de suivi. Ces exemples stockent le nom d'utilisateur et la date, mais vous pouvez utiliser le stockage Web pour tout stocker. Par exemple, si une personne achète un produit sur votre site, vous pouvez stocker le nom du produit en émettant une commande telle que localStorage.product = productName. Lorsque vous utilisez le stockage Web, vous tapez simplement un point après le mot «localStorage» et un nom après le point. Dans cet exemple, ce nom est «product». Créez autant d'objets localStorage que vous avez besoin. Utilisez-le pour suivre les données entrées par un visiteur du site, ainsi que les autres informations que vous souhaitez voir à son retour.
• Les fonctions saveInfo et getInfo vérifient si un navigateur prend en charge le stockage Web. Si un navigateur ne le fait pas, le code affiche un message d'avertissement. Les versions antérieures d'Internet Explorer (IE7 et versions antérieures) ne prennent pas en charge le stockage Web.