Wyskakujące okienka, reklamy, popup – co zamiast nich ?

popup na stronie internetowej

Pop-up stał się niechcianym elementem blogów i stron internetowych. Nie ważne czy zasłania cały ekran, połowę czy jest małym punktem w tle – obecnie ich ilość jest za duża. Zmniejsza on znacznie obszar treści strony internetowej na start, zmusza do zamknięcia, jest irytujący dla potencjalnego odbiorcy.

Kiedy wchodzimy na stronę internetową, w pierwszej kolejności otrzymujemy pop-up od powiadomień push, następnie informację o plikach cookies ‘ciasteczkach’, a w dalszej części zapis na newsletter. Kiedy przewiniemy stronę do połowy, autor bloga proponuje zapisanie się na jego listę e-mail, następnie w prawym dolnym rogu wyskoczyło okienko od messengera, a przy próbie zamknięcia karty – informacja z prośbą o odwiedzenia fanpage’a.

Efekt jest taki, że po odwiedzeniu 3 stron internetowych użytkownik jest zmęczony i jeżeli chcieliśmy zachęcić do wykonania dla nas konkretnej akcji (np. zakupu) – możemy być pewni, że tego nie zrobi.

W tym tekście proponujemy i wskazujemy, jak można w nieco przyjemniejszy sposób zaprezentować i zorganizować komunikację z odwiedzającym, nie zasypując go od samego początku niechciany powiadomieniami w formie wyskakujących okienek.

 

Łączenie zgód na stronie internetowej

RODO – dla jednych jest to dobra zmiana, dla innych źródło sporych problemów prawnych. Ilu prawników zapytamy, tyle rozwiązań problemu otrzymamy. Jedni pod zapisem na newsletter mają 4 checkboxy (tak doradzał prawnik), kiedy tymczasem znany wszystkim x-kom nie ma ani jednego.

popup na stronie internetowej

Dlatego też wszelkie porady, które tutaj zamieszczamy, należy skonsultować z prawnikiem. Nie możemy wziąć odpowiedzialności za każdą stronę www i zgody, które ona wyświetla.

 

Jak wyświetlić zgodę na cookies podczas ładowania strony internetowej ?

Przy otwarciu strony www mamy obowiązek poinformowania odwiedzającego o naszej polityce prywatności, przetwarzaniu danych osobowych, plików cookies. Można spotkać trzy rozwiązania:

  1. Pasek na dole strony – wysuwający się sidebar,
  2. Wyskakujący pop-up,
  3. Informację w stopce strony niewidoczną od razu podczas odwiedzin – dopiero po przewinięciu strony.

Jakie rozwiązanie wybrać do wyświetlania plików cookies ‘ciasteczek’ na stronie www?

Pasek na dole strony – mały, ale z czytelnym tekstem i dużym, wygodnym do zlokalizowania przyciskiem “X” jest najlepszym i najprostszym do wdrożenia rozwiązaniem.

Na pewno nie należy robić jednej rzeczy – wyświetlać dużego pop-up’a na całą wielkość strony internetowej. Najbardziej popularna i właściwie jedyna licząca się wyszukiwarka internetowa w naszym kraju, czyli Google ogłosiła, że istnieje kilka ważnych zasad, na które każdy właściciel strony internetowej musi zwrócić uwagę:

  1. Okienko pop-up nie może ładować się od razu po wejściu na stronę, innymi słowy nie możemy bombardować nim użytkownika.
  2. Okienko nie może ładować się w trakcie ładowania witryny – powinno ładować się po jakimś czasie.
  3. Użytkownik nie powinien zamykać okienka, aby wejść na stronę.
  4. Rozmiar nie może być zbyt duży (np. nie powinno zajmować całego ekranu).
  5. Przycisk służący do zamykania okienka powinien być dobrze widoczny.
  6. Nie powinniśmy zasłaniać tła pod pop-up’em – ma on przecież w jak najmniejszym stopniu zasłaniać treść strony internetowej.

Pop-up reklamowy

Bombardowanie co krok odwiedzającego popupami nie jest dobrym rozwiązaniem, dlatego zostawmy je do zapisu na newsletter. Do wyświetlania plików cookies ‘ciasteczek’ użyjemy paska na dole strony internetowej, który w kodzie należy wykonać nie jako wyskakujące okienko, a jako element od początku widoczny przy ładowaniu strony.

Rozwiązanie jest proste, jak najmniejszy pasek na dole strony w razie, gdyby było więcej tekstu, niż się mieści użyjemy paska do przewijania. Czyli w CSS klasa powinna zawierać overflow: scroll;

popup w stopce strony internetowej

umieszczenie pop up na tabletach

Informacja o plikach cookies ‘ciasteczkach’ właśnie tak powinna się prezentować. Dodatkowo, kiedy ktoś zacznie schodzić niżej, aby nie przeszkadzała – należy ją zwinąć np. w lewą stronę (jako że czytamy od lewej do prawej), aby nie rozpraszała czytelnika.

widok responsywny popupW ten sposób możemy być pewni, że Google nie będzie na ‘nas złe’, czytelnik ma wystarczająco dużo wolnej przestrzeni i podaliśmy informację o tym, że używamy ciasteczka zgodnie z prawem. Natomiast kiedy okienko zmniejszyło się nam na małym ekranie i nie przykuwa uwagi, możemy być pewni, że nie przeszkadza odwiedzającemu w wykonaniu oczekiwanej przez nas akcji np. dokonania zakupu czy zapisania się na szkolenie poprzez stronę internetową.

 

Pop-up na dużym ekranie – zaproś użytkownika do działania.

Wiadomo, że wyskakujące okno ( pop up) jest najbardziej skuteczną metodą np. na zapis na newsletter w sklepie internetowym – wystarczy zaznaczyć, że za zapis klient otrzyma kod zniżkowy 20% na pierwsze zakupy w sklepie internetowym.

Co zrobić, kiedy już na wejściu zaatakowaliśmy odwiedzającego okienkiem pop up, ale chcemy poinformować go o czymś jeszcze? Proponuję wykorzystać sekcję z prawej strony ekranu, która na dużych monitorach pozostaje niewykorzystana, a na małych (użytkownik mobilny) można dodać ją jako wyjeżdżającą przestrzeń z prawej strony ekranu urządzenia.

Rozwiązanie to ma swoje ograniczenia:
1. Dobrze zakodowane i zaprojektowane sprawdza się, ale i tak tylko na dużych ekranach (np. rozdzielczość ponad 1600 px szerokości). Zanim poświęcimy czas na jego wdrożenie, warto zajrzeć do Google Analtyics, aby ocenić czy ekrany o tej rozdzielczości dotyczą więcej niż 30% naszych odwiedzających. W celu sprawdzenia przechodzimy do Panelu Google Analytics, następnie Odbiorcy -> Przegląd.


I na dole znajdziemy opcję “Rozdzielczość ekranu”.

 

Jak powinien wyglądać pasek Call to action (C2A), który zainteresuje użytkownika?

Obecny z prawej strony ekranu pasek może zawierać dowolne informacje, ale ważne, aby spełniał konkretny cel. Na dobry początek warto zerknąć, jak to robią inni:

Portal O2

logowanie rejestracja w miejscu popup

Samsung Polska

chat w miejscu popup okna

X-COM

potwierdzenie zaufania - pliki cookies

CENEO

miejsce na reklame na stronie www

DOMODI

popup na portalu internetowym

AliExpress

popup z linkami do social media

Gazeta Prawna

popup z zaproszeniem do newslettera

Polska Times

wysuwana informacja w oknie popup

Gry OnLine

miejsce zamiast popup - polecane artykuly

Jak widzimy, na dodatkowym pasku może pojawić się pop-up, ale można go wykorzystać do innych celów takich jak:

  1. Logowanie/Rejestracja i zaproszenie do quizów
  2. Chat i zaproszenie do wystawienia opinii
  3. Potwierdzenie zaufania do sklepu/marki
  4. Zostawić do wstawienia reklamy
  5. Zaproszenie do pobrania aplikacji mobilnej
  6. Linki do social media
  7. Zaproszenie do przeczytania następnego artykułu

Warto zwrócić uwagę, że nie ważne, czy wykorzystujemy 100% wysokości miejsca na nasz pionowy pasek akcji – ważne, aby akcja była konkretna.

Niech to będzie tylko zaoferowanie promocji lub kontakt – jeżeli dodamy do tego paska za dużo – straci on swój sens. Jest to jedna z zasad tworzenia C2A (Call to action), której należy bezwzględnie przestrzegać, czyli jasny przekaz, który wysyłamy do potencjalnego klienta.

 

Strona internetowa z dużą ilością treści – jak zachęcić użytkownika do akcji ?

Świetnym pomysłem na konwertujący boks w sytuacji, w której mamy wysokiej jakości treści na stronie internetowej chętnie czytane przez użytkowników, jest umieszczenie newslettera lub informacji o promocji w treści (łatwo ustalisz to np. w Google Analytic, analizując czas spędzony na stronie – pod warunkiem, że nie masz na niej zbyt dużo video, inaczej wyniki będą niewystarczająco reprezentacyjne).

Jak poradzić sobie z faktem, że chcemy go często zmieniać, a nie chcemy edytować wszystkich wpisów? Wystarczy wykorzystać np. shortcode w WordPress lub haki w PrestaShopowym blogu. Najpierw sprawdźmy, jak ten problem rozwiązują inni.

Tabletowo

reklama natywna zamiast popup okna

Warto zwrócić uwagę, że jeżeli chcemy zamieścić bezpośrednio reklamę, to zamiast niej dla posiadaczy adblocków możemy wyświetlić np. zaproszenie do przeczytania kolejnego wpisu.

INNPOLAND

reklama w tresci zamiast okna pop upNależy jednak pamiętać, że musimy wybrać jedną z dwóch opcji:

  1. Mocno kontrastujący materiał reklamowy.
  2. Materiał reklamowy wyglądem identyczny z otoczeniem – imitujący treść strony internetowej (zazwyczaj notuje on mniej kliknięć, ale za to większą konwersję).

Podsumowując

Wyskakujące okienka tam samo jak e-mail marketing przetrwały już kilka innych “modniejszych” w owym czasie rozwiązań (jak np. kanały RSS, o których młodsze pokolenie internautów już nie pamięta).

Teraz miały im zagrozić powiadomienia push i boty na messenger. Efekt jest taki, że o ile powiadomienia push sprawdziły się na korporacyjnych aplikacjach i zachęcają nas do kupienia pizzy w promocji, o tyle boty na messenger to nielubiana forma komunikacji, która szybko upodobniła się do swojego telefonicznego odpowiednika.

W następnym wpisie poszukamy rozwiązania na zamianę standardowego e-maila na “nowocześniejsze” formy kontaktu z odwiedzającymii o sposobach łączenia kanałów w celu uzyskania konwersji.

Małe sprostowanie
Należy podkreślić, że pasek na dole strony internetowej, na jej boku, czy wyskakująca na cały ekran informacja o ciasteczkach jest tym samym – wyskakującym oknem (divem) z kodem na końcu strony, jednak dla rozróżnienia nazwę pop-up stosujemy do wyskakujących okienek znajdujących się na środku ekranu, które w skuteczny sposób przeszkadzają nam zapoznać się z treścią strony www.

2 komentarze
  • Odpowiedz Cirocki

    Luty 10, 2019, 8:14 pm

    Wyskakujące okna to najlepszy sposób by zdenerwować internautę. Już najbardziej irytują te, które wyświetlają się po jakimś czasie, właśnie wtedy kiedy jesteśmy w połowie czytania artykułu. Powinni tego zabronić!

    • Odpowiedz Semrevo

      Luty 12, 2019, 2:55 pm

      Z calym szacunkiem ale bardzo spłycasz temat,

      posiadamy możliwości aby popup zaprezentować Użytkownikowi w dokładnie określonym miejscu oraz momencie (na przykład dotrze do połowy prezentowanego artykułu). Dzięki możliwości badania zachowań tychże użytkowników określić możemy czy tego typu rozwiązania większą część internautów skłaniają do opuszczenia strony, czy też generowania konwersji. Wbrew pozorom, popup też powinien być zaplanowany z głową.

Write a comment

nine + fifteen =