Evercookie トラッキングデモ

従来の方法 - ブラウザに保存される小さなテキストファイル。ブラウザ設定から簡単にクリアできます。

document.cookie = "tracking_id=abc123; expires=Fri, 31 Dec 9999 23:59:59 GMT";

ドメインあたり最大5〜10MB を保存。明示的にクリアするまで永続化します。「Cookie」をクリアする際に見落とされることがよくあります。

localStorage.setItem('tracking_id', 'abc123');
// Survives browser restart, never expires

localStorage に似ていますが、タブを閉じるとクリアされます。セッション中に他の Cookie を復活させるためにデータを渡すのに使用できます。

sessionStorage.setItem('tracking_id', 'abc123');

ブラウザ内の完全な NoSQL データベース。大量の構造化データを保存できます。ユーザーがクリアすることはまれです。

const request = indexedDB.open('evercookie_db', 1);
request.onsuccess = (e) => {
  const db = e.target.result;
  // Store tracking ID in database
};

Cookie の値を PNG 画像の RGB ピクセルカラーとしてエンコードし、強制的にキャッシュします。キャッシュされた画像を Canvas に描画しピクセル値を読み取ることで Cookie を読み戻します。

// Encode "abc" as RGB: R=97, G=98, B=99
ctx.fillStyle = 'rgb(97, 98, 99)';
ctx.fillRect(0, 0, 1, 1);
// Later, read it back from cached image

ETag はキャッシュ検証用ですが、トラッキング ID を保存できます。サーバーが一意の ETag を送信し、ブラウザは後続のリクエストでそれを返します。

// Server response:
HTTP/1.1 200 OK
ETag: "tracking_id_abc123"

// Browser's next request:
If-None-Match: "tracking_id_abc123"

サブドメインの HSTS ポリシーにビットをエンコードすることで HSTS（HTTP Strict Transport Security）を悪用します。各ビットは HSTS が設定されているかどうかのサブドメインです。

// Encoding "5" (binary: 101) across subdomains:
// bit0.tracker.com → HSTS ON  (1)
// bit1.tracker.com → HSTS OFF (0)
// bit2.tracker.com → HSTS ON  (1)
// Reading: check if browser upgrades each subdomain to HTTPS

キャッシュされた JavaScript または HTML ファイル内にトラッキング ID を保存します。ブラウザがキャッシュバージョンを読み込むと、ID が含まれています。

// Server sends with far-future cache headers:
Cache-Control: max-age=31536000
// File contents:
var cached_tracking_id = "abc123";

window.name プロパティは、異なるドメインへのナビゲーションを含め、同じタブ内でのページナビゲーションにわたって永続化します。最大2MB を保存できます。

window.name = "tracking_id=abc123";
// Survives navigation to other sites in same tab!

Flash Local Shared Objects はブラウザの制御外にデータを保存していました。クリアするには Adobe のウェブサイトにアクセスする必要がありました。Flash は現在廃止されていますが、非常に効果的でした。

// ActionScript:
var so:SharedObject = SharedObject.getLocal("evercookie");
so.data.tracking_id = "abc123";
so.flush();

Microsoft の Silverlight プラグインには、ブラウザストレージとは別の独自のストレージメカニズムがありました。Silverlight は現在廃止されています。

ID を含む URL にアクセスすることでブラウザ履歴にデータをエンコードしていました。リンクの :visited スタイルを確認することで読み戻すことができました。ブラウザはこれを修正済みです。

// Create history entries:
location = "http://tracker.com/id/a";
location = "http://tracker.com/id/b";
// Read via CSS :visited (now blocked)