Tracciare l'utente con i CSS

Mattepuffo's logo
Tracciare l'utente con i CSS

Tracciare l'utente con i CSS

Programmazione, HTML - CSS

In genere per tracciare l'utente si usa Javascript con un linguaggio lato server per immagazzinare i dati.

Oggi vediamo come eseguire il tracciamento con i CSS.

Ma in questo caso, per CSS, intendiamo più nello specifico CrookedStyleSheets!

Potete vedere nella pagina linkata cosa si intende di preciso.

Qui vediamo un esempio più banale, cominciando dalla pagina HTML e le regole CSS:

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
        <style>
            .field { background-color:grey; }
            .field:hover { background-color: red; }
            #track:hover::after { content: url("track.php?action=s1_hovered"); }
        </style>
    </head>
    <body>
        <div id="track" class="field">Field 1</div>
    </body>
</html>

Come vedete, abbiamo impostato una regola precisa nel div usando la proprietà content.

Viene richiamato un file PHP che fa una cosa del genere:

<?php

session_start();

$action = $_REQUEST['action'];
$_SESSION['action'] = microtime();

Ovviamente è un esempio molto banale; sul sito trovate un esempio più completo.

Non ci resta che visualizzare il risultato:

<?php

session_start();

var_dump($_SESSION['action']);

Enjoy!

Condividi

Commentami!