Découvrez comment stocker les informations de vos internautes. Les cookies JavaScript sont là pour ça !
Tout est dans le cours vidéo ci-dessous.
[ppmaccordion][ppmtoggle title= »Afficher le texte de la vidéo »]
Utilisez les cookies JavaScript pour conserver les informations de vos visiteurs
Bonjour à tous et bienvenu sur Développement Facile.
Dans ce nouveau cours vous allez apprendre à utiliser les cookies en JavaScript. Les cookies qu’est-ce que c’est que les cookies ?
Un cookie c’est un fichier qui est stocké sur l’ordinateur de l’utilisateur, c’est un fichier texte qui contient une chaîne de caractères et ça permet de stocker des informations sur ce qu’a fait l’utilisateur. Des cookies existent en PHP également donc vous pouvez combiner des cookies JavaScript, des cookies PHP, et des cookies ActionScript pour avoir des informations sur votre internaute. Il faut savoir qu’un cookie à une durée de vie qui est limitée bien évidemment.
Les cookies
Alors un petit exemple, là dans l’exemple, on créé un cookie avec une date d’expiration fixée au 31 décembre 2015, vous pouvez vous-même choisir la date d’expiration de votre cookie, bien évidemment il faut savoir que les cookies sont stockés sur l’ordinateur de l’utilisateur, il peut choisir de les effacer, d’où l’importance de cumuler les cookies sur JavaScript, les cookies ActionScript, flash et les cookies PHP, même la base de données comme ça vous êtes sûr de pouvoir y authentifier votre utilisateur, votre internaute. Pour stocker un cookie, vous utilisez l’objet document, il y a un cours dédié à l’objet document, sur le côté vous retrouverez le cours dédié à l’objet document, dans les catégories JavaScript, vous faites document.cookie = le nom du cookie = sa valeur ; expire et vous mettez la valeur de la date en norme anglaise. Jour de la semaine, jour du mois, et l’année, et l’heure en GMT. Document.cookie nom du cookie = sa valeur expire = la date au format anglais tout simplement.
Les cookies : ajouter des informations
Vous pouvez affecter un nom de domaine à un cookie, un cookie peut être uniquement valable sur un nom de domaine très précis, et vous pouvez également spécifier une URL au cookie, il est possible de rendre la connexion sécurisée https obligatoire pour lire et modifier votre cookie. Vous faites document.cookie = le nom du cookie = sa valeur = expire sa date d’expiration = path le chemin du cookie donc un chemin précis sur votre site Internet = le nom de domaine et secure pour obliger une connexion https pour lire et modifier le cookie.
Voici un exemple de lecture d’un cookie, vous définissez le nom du cookie, un objet date, les heures, les minutes, les secondes, le jour, le mois, l’année, vous le récupérez à partir de votre objet date, vous définissez la valeur du cookie à la date du jour, donc par exemple 07/02/2014 à 19 heures 01 minutes 30 secondes, vous faites un document.cookie = sname nom du cookie, la valeur expire au 31 décembre 2015 sur le domaine, un cookie est réservé au nom de domaine dev-facile.com, si document.cookie.lenght est > 0 le cookie existe déjà et a bien été créé, donc pour lire un cookie c’est document.cookie avec le nom du cookie vous pouvez récupérer ce qui était dans le cookie.
Lire et écrire un cookie
Pour écrire un cookie, c’est exactement le même principe, document.cookie.indexOff sName, ça vous permet de voir s’il y a un cookie qui porte ce nom-là, si le cookie est égal à -1, il n’y a pas de cookie qui porte ce nom-là, par contre si le cookie existe, document.cookie, sName, sValeur vous pouvez le modifier, et vous pouvez afficher le cookie avec la longueur, la taille du cookie, directement le contenu du cookie avec document.cookie.
Supprimer un cookie
Alors pour supprimer un cookie, il suffit de le rappeler en mettant une date d’expiration antérieure la date du jour, vous mettez en 99 en 2000, en 2013 pour la date d’expiration, une fois que l’internaute aura fermé son navigateur, le cookie sera supprimé, donc un petit exemple si le cookie existe, donc la taille, lenght > 0 on dit que le cookie est déjà présent, on fait document.cookie = le nom du cookie, il s’appelait cookie name valeur expire au 1er janvier 2000, sur le nom de domaine dev facile, le répertoire à la racine, et ça veut dire que le cookie a été supprimé. Sinon n’existe pas si la longueur est inférieure à zéro, ou égal à zéro, le cookie n’existe pas. Dès que l’utilisateur ferme son navigateur, le cookie va être supprimé.
Votre plan d’actions !
Alors les cookies JavaScript ça peut être très utile dans votre cas, dans vos applications, pour stocker des informations sur l’internaute, par exemple vous pouvez utiliser soit les cookies PHP ou les cookies flash player, ou les trois en même temps et temps et coupler avec des bases de données MySQL c’est très puissant pour pouvoir traquer vos utilisateurs, vos internautes et étudier le chemin de navigation qu’ils prennent sur votre site Internet, pour notamment savoir la résolution d’écran qu’ils utilisent, l’OS, le système d’exploitation qu’ils utilisent, le navigateur qu’ils utilisent, tous les scripts de tracking du nombre de visiteurs comme Google Analytics ou équivalent, qui vous affiche le pays de provenance de l’utilisateur ou la résolution d’écran, le navigateur utilisé, l’OS le système d’exploitation utilisé, il cumule les cookies JavaScript avec les cookies PHP, pour récupérer l’adresse IP, sa provenance et les cookies du flash player si nécessaire. Comme d’habitude vous trouverez un exemple de source directement sous ce cours vidéo, si vous avez des questions, posez-les sous ce cours vidéo. Je vous dis à très bientôt sur Développement Facile.
[/ppmtoggle][/ppmaccordion]
Téléchargez le code source JavaScript
Retrouvez un exemple de code source avec les cookies JavaScript.
Téléchargement du code source Exemple de gestion des cookies JavaScript
