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