CrookedStyleSheets - CSSだけでユーザ行動をトラッキング
ユーザがどういった操作を行ったのか、それを知りたいと考える人は大勢います。Webの場合、JavaScriptを使うことで各イベントのトラッキングができます。しかしプライバシーを気にする方はJavaScriptをオフにすることでそれを防げます。 そんな中にあってもトラッキングできる技術がCrookedStyleSheetsになります。
CrookedStyleSheetsの使い方
例えばマウスオーバーします。
さらに入力フォームでtestと入力すると緑になるイベントもあります。
そうした行動がすべてトラッキングされています。
CrookedStyleSheetsはCSSを使っています。マウスオーバーなどのイベントによってcontentを追加しているのですが、この時にURLを指定してPHPを読み込んでいるのです。トリッキーですが、これでトラッキングできてしまうのがすごいです。
#link2:active::after {
content: url("track.php?action=link2_clicked");
}
CrookedStyleSheetsはCSS/PHP製のオープンソース・ソフトウェア(MIT License)です。
crookedss.bplaced.net jbtronics/CrookedStyleSheets: Webpage tracking only using CSS (and no JS)