Hoe gebruikers kunnen traceren om webpagina's te bekijken

HTML5 Webopslag geeft site-eigenaren de mogelijkheid om het leven van mensen die hun websites bezoeken gemakkelijker te maken. HTML-cookies, die jarenlang worden gebruikt om websurfers te volgen, slaan informatie op op de harde schijven van mensen die websites bezoeken. Moderne versies van Opera, Firefox, Chrome, Safari en Internet Explorer stellen site-eigenaren in staat om dezelfde taak efficiënter uit te voeren met de Web Storage-functie ingebouwd in HTML5. Als uw bedrijfssite gebruikers moet bijhouden om webpagina's te bekijken, kunt u coderingstijd besparen door HTML5-webopslag te gebruiken.

1.

Open een van uw HTML-pagina's en voeg de volgende code toe aan de sectie van uw document:

Deze code maakt de functie getInfo aan. Met deze functie worden twee localStorage-opdrachten uitgegeven waarmee de waarden van userName en visitDate op de harde schijf van een persoon worden opgehaald. Het slaat ze op in de gebruikersnaam en bezoekdatum variabelen en geeft die waarden weer in een waarschuwingsvenster.

3.

Voeg de volgende code toe aan het hoofdgedeelte van het document om twee knoppen te maken:

Met deze twee knoppen kunt u uw functies testen.

4.

Sla het document op en bekijk het in uw browser. Klik op "Info opslaan" en de functie saveInfo slaat de gebruikersnaam en de huidige datum op in het gebied "localstorage" van uw browser. Klik op 'Info ophalen' om deze op te halen en weer te geven in een waarschuwingsvenster.

Tips

• Webopslag opent een nieuwe wereld van volgmogelijkheden. Deze voorbeelden slaan gebruikersnaam en datuminformatie op, maar u kunt Web-opslag gebruiken om alles op te slaan. Als een persoon bijvoorbeeld een product op uw site koopt, kunt u de productnaam opslaan door een opdracht als localStorage.product = productName uit te geven. Wanneer u webopslag gebruikt, typt u eenvoudig een punt na het woord "localStorage" en typt u een naam na de punt. In dit voorbeeld is die naam "product". Maak zoveel localStorage-objecten als u nodig hebt. Gebruik het om gegevens bij te houden die een sitebezoeker invoert, evenals andere informatie die u zou willen zien wanneer de bezoeker van de site terugkeert.
• De functies saveInfo en getInfo controleren of een browser webopslag ondersteunt. Als een browser dit niet doet, geeft de code een waarschuwingsbericht weer. Oudere versies van Internet Explorer (IE7 en eerder) ondersteunen geen webopslag.