Pasek ogłoszeń na górze strony to najbardziej bezpośredni sposób komunikowania oferty ograniczonej czasowo. To też jeden z elementów najłatwiejszych do złego wdrożenia: zła strefa czasowa, przesunięcie układu albo odliczanie zamrożone przez cache.
Co pasek musi mówić
Jeden komunikat, jedna akcja, jeden termin. Trzy elementy i nic więcej.
Komunikat mieści się w jednej linii na telefonie, około czterdziestu znaków. „Darmowa dostawa od 49 €” działa, „Skorzystajcie z naszej wyjątkowej oferty dostawy” nic nie mówi.
Akcja to link do odpowiedniej strony. Pasek, który ogłasza promocję, ale do niej nie prowadzi, zmusza odwiedzającego do szukania.
Termin, jeśli istnieje, w formie odliczania lub daty. Ma sens tylko wtedy, gdy jest prawdziwy.
Ważny punkt: odliczanie musi odpowiadać rzeczywistemu końcowi oferty. Licznik, który startuje od zera przy każdej wizycie, to wprowadzająca w błąd praktyka handlowa, a powracający odwiedzający wychwytuje ją natychmiast.
Problem strefy czasowej
To najczęstszy błąd techniczny i produkuje odchylenia od jednej do dwóch godzin zależnie od pory roku.
W grę wchodzą trzy zegary: serwera, ten skonfigurowany w PrestaShop i ten w przeglądarce odwiedzającego.
Reguła, która unika problemów: obliczcie termin po stronie serwera, przekażcie go w czasie uniwersalnym i pozwólcie przeglądarce zrobić konwersję. Odwiedzający widzi wtedy odliczanie w swoim czasie lokalnym, co jest oczekiwanym zachowaniem.
Dwie weryfikacje uzupełniające. Przejście na czas letni lub zimowy, jeśli oferta obejmuje zmianę: termin obliczony bez uwzględnienia przesunięcia skacze o godzinę. I przypadek odwiedzających z zagranicy: oferta kończąca się o północy czasu warszawskiego kończy się o 23 dla klienta portugalskiego, co jest poprawne, ale musi być świadomie przyjęte.
Odliczanie i cache
Klasyczny problem: pasek pokazuje „zostały 3 godziny” wszystkim odwiedzającym przez dwa dni, bo strona jest serwowana z cache.
Przyczyna jest prosta: odliczanie zostało obliczone po stronie serwera w momencie generowania strony, a potem zamrożone razem z nią.
Rozwiązanie: serwer przekazuje datę końca, a nie pozostały czas. Skrypt po stronie przeglądarki oblicza różnicę z bieżącą godziną i aktualizuje wyświetlanie co sekundę. Datę końca można cache’ować bez szkody, pozostałego czasu nie.
Dwa punkty uzupełniające. Przewidźcie zachowanie po wygaśnięciu: pasek znika albo pokazuje komunikat końcowy. Odliczanie na zerze, które pozostaje wyświetlone, sprawia wrażenie porzucenia. A jeśli strona jest w długim cache, sam pasek może być ładowany osobno, by pozostać aktualny.
Pasek Ogłoszeń i Licznik Odliczający: Baner Promocyjny PrestaShop 8 i 9Baner promocyjny, który buduje pilność, nie obciążając Twojego motywu€59,00
Przesunięcie układu
Punkt techniczny, który wpływa na wasze wskaźniki wydajności i często odkrywany jest po fakcie.
Pasek wstawiony po załadowaniu strony spycha całą treść w dół. Odwiedzający, który miał kliknąć jeden element, klika inny, a wasza miara stabilności wizualnej się pogarsza.
Trzy sposoby, by tego uniknąć.
Zarezerwować miejsce od pierwszego renderowania, ze stałą wysokością, nawet jeśli treść przyjdzie później.
Wyświetlić pasek jako nakładkę zamiast w przepływie, co niczego nie przesuwa, ale zasłania część treści.
Serwować pasek razem ze stroną, nie w ładowaniu odłożonym. To najprostsze rozwiązanie, gdy treść paska rzadko się zmienia.
Uwaga też na zmienną wysokość: komunikat, który przechodzi na dwie linie na telefonie i jedną na komputerze, produkuje przesunięcie, jeśli miejsce zarezerwowano na złej wartości.
Targetowanie
Pasek wyświetlany wszędzie i wszystkim traci skuteczność w kilka dni. Cztery osie targetowania.
Po stronie. Ogłoszenie darmowej dostawy ma sens na kartach produktów i w koszyku, mniej na stronach treściowych.
Po języku i kraju. Oferta ograniczona do Polski nie może się wyświetlać odwiedzającym z zagranicy. To kwestia trafności, a czasem zgodności, jeśli warunki się różnią.
Po grupie klientów. Oferta zarezerwowana dla firm nie dotyczy klientów indywidualnych.
Po zachowaniu. Pasek pokazywany tylko nowym odwiedzającym albo tylko po pierwszej wizycie, zależnie od tego, co komunikujecie.
Targetowanie po języku jest najczęściej zaniedbywane i daje najbardziej widoczny rezultat: komunikat po polsku na niemieckiej wersji sklepu.
Zamykanie
Trzy reguły.
Pasek musi dać się zamknąć. Baner, którego nie można usunąć i który zajmuje dziesiątą część ekranu na telefonie, jest uciążliwy.
Zamknięcie musi być zapamiętane, na rozsądny czas: sesję albo kilka dni. Otwieranie paska na każdej stronie od nowa jest agresywne.
Zapamiętywanie musi uwzględniać komunikat. Jeśli zmieniacie ogłoszenie, nowe musi się pokazać także tym, którzy zamknęli poprzednie. To zakłada identyfikator wersji w zapamiętywaniu.
Ten trzeci punkt odkrywa się, stwierdzając, że nowej kampanii nikt nie widzi.
Dostępność
Dwa punkty, szybkie do obsłużenia.
Kontrast tekstu na tle paska musi spełniać minimalny współczynnik. Paski promocyjne chętnie używają bieli na żywych kolorach, które często schodzą poniżej progu.
Przycisk zamknięcia musi być osiągalny z klawiatury i nosić wyraźną etykietę dla czytników ekranu. Krzyżyk bez tekstu alternatywnego to niemy przycisk.
Dodajcie punkt o odliczaniu: aktualizacja co sekundę ogłaszana technologiom asystującym produkuje nienośny potok słów. Element nie może być zadeklarowany jako region o ciągłym ogłaszaniu.
Mierzenie
Trzy wskaźniki.
Współczynnik kliknięć w pasek, w stosunku do wyświetleń. Poniżej 1 % komunikat lub targetowanie są do przejrzenia.
Współczynnik zamknięć. Wysoki współczynnik sygnalizuje komunikat odbierany jako natrętny lub nie na temat.
Przychód przypisany sesjom, które kliknęły w pasek, do porównania z pozostałymi. To jedyna liczba, która uzasadnia jego utrzymanie.
Czwarty punkt, do obserwowania w czasie: efekt zużycia. Stały pasek staje się niewidoczny w kilka tygodni. Naprzemienne komunikaty albo pokazywanie paska tylko podczas rzeczywistych akcji zachowuje jego skuteczność.
Moduł Paska Ogłoszeń i Odliczania dla PrestaShop wdraża ten mechanizm w PrestaShop 8 i 9: odliczanie liczone po stronie przeglądarki z daty końca, by pozostać dokładnym mimo cache, targetowanie po stronie, języku, kraju i grupie klientów, rezerwacja miejsca przeciw przesunięciu układu i zapamiętywanie zamknięcia na wersję komunikatu.
