Nelusuri Pengunjung Situs Web Nggunakake CSS

Jan Brömer, mahasiswa fisika saka Jerman sing duwe minat ing program, nerbitake conto ing GitHub nglacak gerakan pengunjung ing situs mung nggunakake CSS, tanpa nggunakake daya JavaScript. Kode sing diwenehake dening Ian ngidini, nggunakake basa resmi kanggo njlèntrèhaké tampilan dokumen, kanggo ngumpulake informasi tartamtu babagan pangguna - resolusi layar piranti, jinis browser (utawa mesin), anané font sing ditemtokake, lan liyane. Sampeyan uga bisa kanggo trek pranala sing pangguna tindakake utawa dipindhah kursor kanggo. Nggunakake tabel lapangan sing ora katon ing latar mburi kaca, sampeyan bisa ngenali keanehan mindhah mouse ing layar. Nanging, sampeyan bisa nggunakake cara ing ndhuwur kanggo nelusuri mung yen pangguna ngunjungi kaca kanggo pisanan utawa nglayang mouse ing sel tartamtu saka tabel didhelikake, amarga tumindak bola-bali ora dianggep. Sampeyan bisa mriksa operasi cara ing kene . Kanggo nggunakake cara, sampeyan bisa nambah gambar saka sumber njaba kanggo CSS nggunakake url ("foo.bar"). Wiwit sumber daya dimuat mung nalika dibutuhake, tinimbang gambar, sampeyan bisa nemtokake link menyang script kolektor lan ikatan menyang acara kayata ngeklik link utawa mindhah mouse liwat link. Supaya kita bisa nggawe pamilih ing CSS sing micu URL tartamtu nalika pangguna ngeklik link:

# link2 : active :: after {
     content : url ( " track.php? action = link2_clicked " );
}

Deteksi jinis browser adhedhasar aturan @supports . Ing kene sampeyan kudu mriksa sawetara properti CSS kanggo browser, kayata -webkit-appearance:

@supports ( -webkit-appearance : none ) {
     #chrome_detect :: after {
         content : url ( " track.php? action = browser_chrome " );
    }
}

Font bisa digunakake kanggo nemtokake OS pangguna, amarga OS beda ngirim font beda (contone, "Calibri" ing Windows). Kanggo nemtokake font, sampeyan kudu nggawe kulawarga font anyar, sumber kanggo loading sing bakal dadi script koleksi data. Sabanjure, ing blok teks, font sing diuji dituduhake dhisik, lan font saka kulawarga anyar dituduhake nomer loro. Sabanjure, teks bakal nyoba nggawe gaya font; yen font pisanan ana, banjur sing kapindho bakal diabaikan. Nanging yen ora ana font sing kudu dipriksa, browser bakal nyoba nggunakake font dummy minangka mundur lan ngirim panjaluk menyang skrip eksternal:

@ font-face {
     font-family : Font1;
    src : url ( " track.php? action = font1 " );
}

# font_detection1 {
     font-family : Calibri, Font1;
}

Yen sawise nggunakake metode kasebut ora ana asil, utawa bebaya PHP katon, iki tegese nilai properti kasebut salah utawa pangguna durung ngunjungi kaca / link kasebut.