Come rintracciare gli utenti alle pagine Web visualizzate

L'archiviazione Web HTML5 offre ai proprietari dei siti la possibilità di semplificare la vita delle persone che visitano i loro siti Web. Cookie HTML, utilizzati da anni per monitorare i navigatori del Web, archiviare informazioni sui dischi rigidi delle persone che visitano i siti Web. Le versioni moderne di Opera, Firefox, Chrome, Safari e Internet Explorer consentono ai proprietari di siti di eseguire la stessa attività in modo più efficiente con la funzionalità di archiviazione Web integrata in HTML5. Se il tuo sito aziendale deve tracciare gli utenti alle pagine Web visualizzate, puoi risparmiare tempo per la codifica utilizzando l'archiviazione Web HTML5.

1.

Apri una delle tue pagine HTML e aggiungi il seguente codice alla sezione del tuo documento:

Questo codice crea la funzione getInfo. Questa funzione emette due comandi localStorage che recuperano i valori di userName e visitDate situati sul disco rigido di una persona. Li memorizza nelle variabili username e visitDate e visualizza quei valori in una finestra di avviso.

3.

Aggiungi il seguente codice alla sezione del corpo del documento per creare due pulsanti:

Questi due pulsanti ti permettono di testare le tue funzioni.

4.

Salva il documento e visualizzalo nel tuo browser. Fai clic su "Salva informazioni" e la funzione saveInfo memorizza il nome utente e la data corrente nell'area "localstorage" del browser. Fai clic su "Ottieni informazioni" per recuperarli e visualizzarli in una finestra di avviso.

Suggerimenti

• Lo spazio web apre un nuovo mondo di possibilità di monitoraggio. Questi esempi memorizzano il nome utente e le informazioni sulla data, ma è possibile utilizzare la memoria Web per archiviare qualsiasi cosa. Ad esempio, se una persona acquista un prodotto sul tuo sito, puoi memorizzare il nome del prodotto inviando un comando come localStorage.product = productName. Quando si utilizza l'archiviazione Web, si digita semplicemente un punto dopo la parola "localStorage" e si digita un nome dopo il punto. In questo esempio, quel nome è "prodotto". Crea tanti oggetti localStorage di cui hai bisogno. Usalo per tenere traccia dei dati inseriti da un visitatore del sito e di altre informazioni che vorresti vedere quando il visitatore del sito ritorna.
• Le funzioni saveInfo e getInfo verificano se un browser supporta l'archiviazione Web. Se un browser non lo fa, il codice visualizza un messaggio di avviso. Le versioni precedenti di Internet Explorer (IE7 e versioni precedenti) non supportano l'archiviazione Web.