Mapy ciepła

Gdzie klikają,
nigdy kim są.

Mapy ciepła kliknięć, scrolli, rage i martwych kliknięć, przechowywane jako zagregowane, znormalizowane do dokumentu dane na siatce 1% szerokości × 0.1% wysokości — rysowane na żywej stronie albo zapisanej migawce, z presetami klas urządzeń 375/768/1280. Do kliknięcia nie da się przypiąć żadnego identyfikatora użytkownika: w tym jest sens siatki.

Siatka

Każde kliknięcie ląduje
w komórce 1% × 0.1%.

Współrzędne kliknięć są zapisywane znormalizowane do dokumentu i agregowane do komórek siatki 1% szerokości dokumentu × 0.1% wysokości, wraz z wymiarami klasy urządzenia i viewportu. Gęstość rysuje się jako przejście niebieski→czerwień na żywej stronie (podgląd w iframe) albo na zapisanej migawce — per klasa urządzenia.

Znormalizowane do dokumentu

Komórki to procenty dokumentu, nie piksele — strony o każdej długości i układzie pozostają porównywalne, a wymiary klasy urządzenia i viewportu jadą z każdą komórką.

Żywa strona albo migawka

Rysuj na żywej stronie w podglądzie iframe albo na zapisanej migawce, przełączając się między presetami klas urządzeń 375 / 768 / 1280.

Zagregowane z konstrukcji

Komórka trzyma liczbę, nie odwiedzającego. Do kliknięcia nie da się przypiąć identyfikatora użytkownika — w tym jest sens siatki.

Warstwy

Rage, martwe kliknięcia, scroll — każda osobną warstwą.

Warstwa rage klików

≥3 kliknięcia w 500 ms w promieniu 48 px — wykrywane po stronie klienta, liczone po stronie serwera. Sygnatura frustracji, zwizualizowana tam, gdzie się dzieje.

Warstwa martwych kliknięć

Kliknięcia w nieinteraktywne elementy, oznaczane per element — najszybszy sposób, by znaleźć przyciski, które wyglądają na klikalne, a nie są.

Mapa ciepła scrolla

Dosięgnięto-% w pasmach głębokości, zasilana zdarzeniami progów 25 / 50 / 75 / 100 — w parze z raportowaniem głębokości scrolla per strona.

Na żywo albo z migawki

Każda warstwa rysuje się na żywej stronie (podgląd w iframe) albo na zapisanej migawce — ta sama siatka, to samo przejście barw, per klasa urządzenia.

Głębokość scrolla

Jak daleko naprawdę doczytują.

Cztery zdarzenia progów — 25 / 50 / 75 / 100% — zasilają mapę ciepła dosięgnięto-% w pasmach głębokości, więc długa strona przestaje ukrywać swoje urwisko.

Mapa ciepła scrolla · /blog/cookieless-analytics · 28 dni4 progi
Pasmo głębokościDosięgnięto
25%84%
50%63%
75%41%
100%22%
Zdarzenia progów odpalają się przy głębokości 25 / 50 / 75 / 100% — zagregowane liczby, zero tożsamości.

Ranking elementów

Ranking po data-obs-id
i tak pseudonimizowany.

Najczęściej klikane elementy są szeregowane po stabilnym data-obs-id — a tam, gdzie go nie dodasz, po hashowanych selektorach pod dziennym kluczem elementów, więc nawet struktura DOM jest pseudonimizowana w T0. Udziały rage i martwych kliknięć są trzymane per element.

Topowe elementy · /pricing · 28 dniwg kliknięć
ElementKliknięciaUdział rageUdział martwych
[data-obs-id="cta-primary"]4122%1%
a.nav-pricing hashed2970%4%
[data-obs-id="hero-demo"]2441%0%
.plan-card button hashed1886%9%
Hashe selektorów rotują z dziennym kluczem elementów — struktura DOM jest pseudonimizowana w trybie domyślnym.

Kontrakt DOM: data-obs-id nazywa element na potrzeby rankingu, data-obs-interactive oznacza interaktywne cele dla wykrywania martwych kliknięć, a data-obs-ignore wyłącza element z map ciepła i formularzy.

Z konstrukcji

Warstwa, którą
celowo pominięto.

W Observerze nie ma mapy ciepła ruchu myszy. Ślady ruchu to najmniej przyjazny prywatności sygnał w tej kategorii — najmniej wglądu na jednostkę inwigilacji — a postawa bez banera stoi na tym, czego odmawiamy, nie na tym, co obiecujemy.

Co kupują odmowy

Zero fingerprintingu, zero tożsamości między witrynami, zero integracji z platformami reklamowymi — odmowy to powód, dla którego tryb domyślny nie potrzebuje banera zgody.

Co łata lukę

Warstwy rage i martwych kliknięć odpowiadają na to samo pytanie „gdzie interakcja idzie źle” — bez nagrywania ruchu.

Zobacz, gdzie się łamie.
Nigdy kto to złamał.

Mapy ciepła wchodzą w tryb domyślny bez banera zgody — zagregowane z konstrukcji, ukrywane poniżej progu k-anonimowości n ≥ 5 w każdym widoku. Dostęp po podpisaniu NDA, a wdrożenie odbywa się razem z Twoim zespołem DevOps.