Wyobra\u017a sobie taki scenariusz: klient znajduje w Twoim sklepie idealny produkt, dodaje go do koszyka, po czym\u2026 co\u015b idzie nie tak. Strona si\u0119 prze\u0142adowuje, a koszyk jest pusty. Albo po zalogowaniu znika zawarto\u015b\u0107 koszyka. Albo po godzinie przerwy klient wraca i widzi, \u017ce jego starannie skompletowany koszyk wyparowa\u0142. Ka\u017cda z tych sytuacji to urwana sprzeda\u017c. W e-commerce wsp\u00f3\u0142czynnik porzuce\u0144 koszyka wynosi \u015brednio 70%, ale rzadko kto zdaje sobie spraw\u0119, \u017ce jednym z kluczowych winowajc\u00f3w jest z\u0142e zarz\u0105dzanie sesjami u\u017cytkownik\u00f3w.<\/p>\n
Sesje w aplikacji webowej to mechanizm pozwalaj\u0105cy na przechowywanie stanu pomi\u0119dzy \u017c\u0105daniami HTTP. W e-commerce odpowiadaj\u0105 za to, co klient ma w koszyku, czy jest zalogowany, jakie produkty przegl\u0105da\u0142. Je\u015bli sesje s\u0105 \u017ale skonfigurowane, u\u017cytkownik do\u015bwiadcza irytuj\u0105cych problem\u00f3w, a Ty tracisz pieni\u0105dze. W tym artykule poka\u017c\u0119 trzy najcz\u0119stsze b\u0142\u0119dy w zarz\u0105dzaniu sesjami, kt\u00f3re bezpo\u015brednio wp\u0142ywaj\u0105 na konwersj\u0119 i satysfakcj\u0119 klienta.<\/p>\n
Najcz\u0119stszy problem, z kt\u00f3rym spotykam si\u0119 podczas audyt\u00f3w sklep\u00f3w e-commerce, to utrata sesji w najmniej oczekiwanym momencie. Klient dodaje produkt do koszyka, przechodzi do innej kategorii, a koszyk znika. Zazwyczaj przyczyn\u0105 jest nieprawid\u0142owa konfiguracja ciasteczek sesyjnych \u2013 na przyk\u0142ad brak flagi Przyk\u0142ad z \u017cycia: Klient sklepu odzie\u017cowego doda\u0142 do koszyka trzy pary but\u00f3w, po czym klikn\u0105\u0142 w link do promocji. Link prowadzi\u0142 na podstron\u0119 z innej domeny (domena partnerska), a po powrocie koszyk by\u0142 pusty. Pow\u00f3d? Ciasteczko sesyjne nie zosta\u0142o wys\u0142ane przy \u017c\u0105daniu zewn\u0119trznym przez polityk\u0119 SameSite. Rozwi\u0105zanie: ustawienie Drugi b\u0142\u0105d to zbyt agresywne ustawienie czasu wyga\u015bni\u0119cia sesji. Wiele sklep\u00f3w trzyma domy\u015blne warto\u015bci z frameworka \u2013 na przyk\u0142ad 20 minut braku aktywno\u015bci. Tymczasem badania pokazuj\u0105, \u017ce u\u017cytkownicy cz\u0119sto przerywaj\u0105 zakupy na d\u0142u\u017cej ni\u017c 20 minut: sprawdzaj\u0105 opinie w innych oknach, dzwoni\u0105 do kogo\u015b, szukaj\u0105 kodu rabatowego. Gdy wracaj\u0105, sesja wygas\u0142a, koszyk znikn\u0105\u0142.<\/p>\n Optymalny czas \u017cycia sesji w e-commerce to minimum 2-3 godziny. Mo\u017cna te\u017c zastosowa\u0107 mechanizm od\u015bwie\u017cania sesji przy ka\u017cdym \u017c\u0105daniu \u2013 wtedy sesja przed\u0142u\u017ca si\u0119, dop\u00f3ki u\u017cytkownik jest aktywny. Pami\u0119taj jednak o wywa\u017ceniu bezpiecze\u0144stwa: zbyt d\u0142ugie sesje to ryzyko przej\u0119cia konta, ale w praktyce dla sklepu detalicznego 3 godziny s\u0105 akceptowalne. Warto te\u017c da\u0107 u\u017cytkownikowi mo\u017cliwo\u015b\u0107 r\u0119cznego przed\u0142u\u017cenia sesji (np. przez modal \u201eCzy nadal jeste\u015b z nami?\u201d).<\/p>\n Coraz wi\u0119cej klient\u00f3w zaczyna zakupy na telefonie, a ko\u0144czy na laptopie. Albo otwiera sklep w przegl\u0105darce, a potem w aplikacji mobilnej. Niestety, domy\u015blne sesje s\u0105 przypisane do konkretnej przegl\u0105darki \u2013 nie ma mowy o przenoszeniu koszyka mi\u0119dzy urz\u0105dzeniami. To du\u017cy problem UX, kt\u00f3ry obni\u017ca konwersj\u0119.<\/p>\n Rozwi\u0105zaniem jest przechowywanie stanu koszyka po stronie backendu, a nie tylko w sesji. Mo\u017cna to zrobi\u0107 przez powi\u0105zanie koszyka z kontem u\u017cytkownika (nawet je\u015bli nie jest zalogowany \u2013 np. przez tymczasowy identyfikator przypisany do urz\u0105dzenia). W praktyce wystarczy zapisywa\u0107 koszyk w bazie danych lub Redisie z kluczem r\u00f3wnym identyfikatorowi sesji lub tokenowi. Dzi\u0119ki temu u\u017cytkownik po zalogowaniu na innym urz\u0105dzeniu odzyskuje zawarto\u015b\u0107 koszyka. Przyk\u0142adowo, klient dodaje produkt na telefonie, loguje si\u0119 na laptopie \u2013 koszyk jest ten sam. To mocno poprawia do\u015bwiadczenie i zwi\u0119ksza szans\u0119 na finalizacj\u0119 zakupu.<\/p>\n Zarz\u0105dzanie sesjami brzmi jak detal techniczny, ale ma bezpo\u015brednie prze\u0142o\u017cenie na pieni\u0105dze. Utrata sesji po od\u015bwie\u017ceniu, zbyt kr\u00f3tki czas \u017cycia i brak synchronizacji mi\u0119dzy urz\u0105dzeniami to trzy najcz\u0119stsze b\u0142\u0119dy, kt\u00f3re widz\u0119 w sklepach e-commerce. Naprawa ka\u017cdego z nich jest stosunkowo prosta, a efekty \u2013 wymierne. Zanim zaczniesz optymalizowa\u0107 szybko\u015b\u0107 czy design, upewnij si\u0119, \u017ce Twoja sesja dzia\u0142a bez zarzutu. Bo nawet najpi\u0119kniejszy koszyk nic nie sprzeda, je\u015bli zniknie w momencie podejmowania decyzji.<\/p>\n Je\u015bli masz w\u0105tpliwo\u015bci, jak dzia\u0142aj\u0105 sesje w Twoim sklepie \u2013 zr\u00f3b test: dodaj produkt, od\u015bwie\u017c stron\u0119, wr\u00f3\u0107 po godzinie. Je\u015bli koszyk zniknie \u2013 masz problem. A my w JurskiTech pomagamy go rozwi\u0105za\u0107.<\/p>\n","protected":false},"excerpt":{"rendered":" Problem, kt\u00f3ry zaczyna si\u0119 w momencie dodania do koszyka Wyobra\u017a sobie taki scenariusz: klient znajduje w Twoim sklepie idealny produkt, dodaje go do koszyka, po czym\u2026 co\u015b idzie nie tak. Strona si\u0119 prze\u0142adowuje, a koszyk jest pusty. Albo po zalogowaniu znika zawarto\u015b\u0107 koszyka. Albo po godzinie przerwy klient wraca i widzi, \u017ce jego starannie skompletowany<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[7],"tags":[776,826,1003,690],"class_list":["post-2627","post","type-post","status-publish","format-standard","hentry","category-warto-wiedziec","tag-ai-e-commerce","tag-ai-w-ux","tag-debugowanie-wydajnosci","tag-sesje-uzytkownikow"],"_links":{"self":[{"href":"https:\/\/news.jurskitech.pl\/blog\/wp-json\/wp\/v2\/posts\/2627","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/news.jurskitech.pl\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/news.jurskitech.pl\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/news.jurskitech.pl\/blog\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/news.jurskitech.pl\/blog\/wp-json\/wp\/v2\/comments?post=2627"}],"version-history":[{"count":0,"href":"https:\/\/news.jurskitech.pl\/blog\/wp-json\/wp\/v2\/posts\/2627\/revisions"}],"wp:attachment":[{"href":"https:\/\/news.jurskitech.pl\/blog\/wp-json\/wp\/v2\/media?parent=2627"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/news.jurskitech.pl\/blog\/wp-json\/wp\/v2\/categories?post=2627"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/news.jurskitech.pl\/blog\/wp-json\/wp\/v2\/tags?post=2627"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}SameSite<\/code> lub problemy z domen\u0105. W nowoczesnych przegl\u0105darkach domy\u015blnie ciasteczka maj\u0105 atrybut SameSite=Lax<\/code>, co oznacza, \u017ce nie s\u0105 wysy\u0142ane przy \u017c\u0105daniach zewn\u0119trznych. Je\u015bli Tw\u00f3j sklep \u0142aduje zasoby z innej domeny (np. CDN), mo\u017ce to zak\u0142\u00f3ci\u0107 sesj\u0119.<\/p>\nSameSite=None; Secure<\/code> dla ciasteczek sesyjnych, je\u015bli potrzebujesz ich wysy\u0142ania mi\u0119dzy domenami. To prosty fix, kt\u00f3ry mo\u017ce uratowa\u0107 mn\u00f3stwo porzuconych koszyk\u00f3w.<\/p>\nB\u0142\u0105d #2: Zbyt kr\u00f3tki czas \u017cycia sesji<\/h2>\n
B\u0142\u0105d #3: Brak synchronizacji sesji mi\u0119dzy urz\u0105dzeniami i przegl\u0105darkami<\/h2>\n
Podsumowanie<\/h2>\n