ITエンジニア/デザイナ向けにオープンソースを毎日紹介

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

 

MOONGIFTの関連記事

コメント

  • DevRel
  • Com2