Como rastrear usuários para páginas da Web visualizadas

O armazenamento na Web em HTML5 oferece aos proprietários de sites a capacidade de facilitar a vida das pessoas que visitam seus sites. Os cookies HTML, usados ​​há anos para rastrear internautas, armazenam informações nos discos rígidos de pessoas que visitam sites. As versões modernas do Opera, Firefox, Chrome, Safari e Internet Explorer permitem que os proprietários de sites realizem a mesma tarefa de maneira mais eficiente com o recurso de armazenamento da Web incorporado no HTML5. Se o site da sua empresa precisar rastrear usuários para páginas da Web visualizadas, você poderá economizar o tempo de codificação usando o armazenamento da Web em HTML5.

1

Abra uma das suas páginas HTML e adicione o seguinte código à seção do seu documento:

Este código cria a função getInfo. Essa função emite dois comandos localStorage que recuperam os valores de userName e visitDate localizados no disco rígido de uma pessoa. Ele os armazena nas variáveis ​​username e visitDate e exibe esses valores em uma janela de alerta.

3

Adicione o seguinte código à seção do corpo do documento para criar dois botões:

Esses dois botões permitem que você teste suas funções.

4

Salve o documento e visualize-o no seu navegador. Clique em "Salvar Informações" e a função saveInfo armazena o nome de usuário e a data atual na área "localstorage" do seu navegador. Clique em "Get Info" para recuperá-los e exibi-los em uma janela de alerta.

Dicas

  • O armazenamento na Web abre um novo mundo de possibilidades de rastreamento. Esses exemplos armazenam informações de nome de usuário e data, mas você pode usar o armazenamento na Web para armazenar qualquer coisa. Por exemplo, se uma pessoa comprar um produto em seu site, você poderá armazenar o nome do produto emitindo um comando, como localStorage.product = productName. Ao usar o armazenamento na Web, você está simplesmente digitando um período após a palavra “localStorage” e digitando um nome após o período. Neste exemplo, esse nome é "produto". Crie quantos objetos localStorage forem necessários. Use-o para rastrear dados que um visitante do site insere, assim como outras informações que você gostaria de ver quando o visitante do site retornar.
  • As funções saveInfo e getInfo verificam se um navegador suporta armazenamento na Web. Se um navegador não, o código exibe uma mensagem de aviso. Versões mais antigas do Internet Explorer (IE7 e anteriores) não suportam armazenamento na Web.

Recomendado

Que licença e requisitos são necessários para abrir uma empresa de pessoal?
2019
Como adicionar um novo slide ao PowerPoint
2019
Como adicionar uma impressora no Microsoft XP usando um endereço IP
2019