ユーザがどういった操作を行ったのか、それを知りたいと考える人は大勢います。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)