Microsoft Clarity

Czym jest Microsoft Clarity?

Microsoft Clarity to darmowa platforma analityki zachowań, która pomaga zrozumieć, jak odwiedzający faktycznie korzystają z Twojej strony internetowej. Uruchomiona przez Microsoft w 2020 roku, szybko rozrosła się do ponad 2 milionów stron internetowych, ponieważ oferuje nagrywanie sesji i mapy ciepła na poziomie korporacyjnym bez limitów ruchu, bez planów cenowych i bez plików cookie. Dla właścicieli sklepów PrestaShop oznacza to, że możesz analizować każdą sesję odwiedzającego w swoim sklepie -- od strony głównej po checkout -- bez płacenia ani grosza za samą platformę analityczną.

Podczas gdy Google Analytics podaje metryki (współczynnik odrzuceń, wyświetlenia stron, współczynnik konwersji), Clarity odpowiada na pytanie dlaczego za tymi liczbami. 70% współczynnik odrzuceń na stronie produktu nic nie znaczy, dopóki nie obejrzysz 20 sesji i nie odkryjesz, że odwiedzający nie mogą znaleźć przycisku „Dodaj do koszyka” na telefonie, albo że galeria zdjęć jest zepsuta w Safari, albo że tabela rozmiarów otwiera się w sposób zakrywający przycisk zakupu.

Kluczowe funkcje istotne dla e-commerce

Nagrywanie sesji

Każda sesja odwiedzającego jest nagrywana i dostępna do odtworzenia w panelu Clarity. Możesz filtrować nagrania według:

• Odwiedzonych stron -- oglądaj sesje, które obejmowały stronę checkout, aby znaleźć przyczyny porzuceń
• Typu urządzenia -- wyodrębniaj sesje mobilne, gdzie problemy UX występują najczęściej
• Sygnałów frustracji -- Clarity automatycznie oznacza sesje z wściekłymi kliknięciami, martwymi kliknięciami i nadmiernym przewijaniem
• Kraju i przeglądarki -- sprawdź, czy problemy dotyczą konkretnych rynków lub przeglądarek

Nagrania sesji są anonimizowane -- pola formularzy, dane kart kredytowych i inne wrażliwe dane są automatycznie maskowane. Widzisz wzorce interakcji, a nie informacje osobiste.

Mapy ciepła

Clarity generuje trzy typy map ciepła dla każdej strony Twojego sklepu:

• Mapy kliknięć -- pokazują, gdzie odwiedzający klikają najczęściej (i gdzie klikają, choć nie powinni, co wskazuje na mylące elementy interfejsu)
• Mapy przewijania -- ujawniają, jak daleko w dół przewijają odwiedzający, pomagając umieszczać kluczowe treści (CTA, odznaki zaufania, oferty) tam, gdzie ludzie faktycznie je widzą
• Mapy obszarów -- agregują zaangażowanie według sekcji strony, pokazując które obszary otrzymują najwięcej interakcji

Dla stron produktowych te dane są na wagę złota. Możesz zobaczyć, czy odwiedzający angażują się w opisy produktów, czy zauważają sekcje z dodatkowymi propozycjami i czy przycisk „Dodaj do koszyka” jest optymalnie umieszczony względem sposobu, w jaki ludzie faktycznie przeglądają Twoje strony.

Inteligentne analizy -- automatyczne wykrywanie problemów

Jedną z najpotężniejszych funkcji Clarity jest automatyczne wykrywanie problemów. Platforma wykorzystuje uczenie maszynowe do identyfikacji wzorców w danych odwiedzających i proaktywnego wskazywania problemów:

• Martwe kliknięcia -- odwiedzający klikają na elementy, które nie są interaktywne (obrazy wyglądające jak przyciski, tekst wyglądający jak linki). Każde martwe kliknięcie to potencjalna utracona sprzedaż.
• Wściekłe kliknięcia -- szybkie, wielokrotne klikanie na ten sam element, wskazujące na frustrację. Częste przy wolno ładujących się przyciskach „Dodaj do koszyka” lub niereagujących menu rozwijanych.
• Nadmierne przewijanie -- odwiedzający przewijają w górę i w dół wielokrotnie, co sugeruje, że nie mogą znaleźć tego, czego szukają.
• Szybkie powroty -- odwiedzający, którzy przechodzą na stronę i natychmiast wracają, co wskazuje, że strona nie spełniła ich oczekiwań.

Te analizy pojawiają się automatycznie w panelu Clarity -- nie musisz ręcznie przeglądać setek sesji, aby znaleźć problemy.

Integracja z Google Analytics

Clarity integruje się bezpośrednio z Google Analytics (zarówno Universal Analytics, jak i GA4). Po połączeniu możesz uruchamiać nagrania sesji bezpośrednio z raportów GA -- kliknij na metrykę w GA i obejrzyj rzeczywiste sesje stojące za nią. To łączy dane ilościowe (GA) z jakościowym zrozumieniem (Clarity).

Prywatność i GDPR

Microsoft Clarity został zaprojektowany z myślą o prywatności:

• Domyślnie bez plików cookie -- Clarity wykorzystuje podejście śledzenia bez cookie, co oznacza, że w większości interpretacji GDPR nie wymaga zgody na pliki cookie do podstawowego działania. Jednak w konkretnej sytuacji skonsultuj się ze swoim doradcą prawnym.
• Maskowanie wrażliwych danych -- wszystkie pola formularzy, w tym pola checkout, są automatycznie maskowane w nagraniach. Widzisz, że odwiedzający coś wpisał, ale nie co.
• Przetwarzanie danych -- Microsoft przetwarza dane Clarity zgodnie ze swoimi standardowymi warunkami prywatności. Dane są przechowywane w centrach danych Microsoft Azure.
• Brak sprzedaży danych -- Microsoft nie sprzedaje danych Clarity ani nie wykorzystuje ich do targetowania reklamowego poza produktem Clarity.

Implementacja techniczna

Moduł wstrzykuje kod śledzenia JavaScript Clarity asynchronicznie w sekcji <head> Twojego sklepu. Skrypt:

• ~16KB po kompresji -- jeden z najmniejszych skryptów analitycznych dostępnych na rynku
• Asynchroniczny i nieblokujący -- ładuje się równolegle ze stroną, nigdy nie opóźniając renderowania
• Automatycznie obsługuje SPA i dynamiczną treść -- przechwytuje interakcje nawet na elementach ładowanych przez AJAX
• Bez zewnętrznych zależności -- bez jQuery, bez dodatkowych bibliotek

Konfiguracja

1. Utwórz darmowe konto na clarity.microsoft.com i skonfiguruj nowy projekt.
2. Skopiuj swój Clarity Project ID (ciąg znaków, np. abc123xyz).
3. Zainstaluj ten moduł w PrestaShop, wklej Project ID i zapisz.
4. Clarity zaczyna zbierać dane natychmiast -- mapy ciepła i nagrania pojawiają się w ciągu 2 godzin.