Popup – wyskakujące okienka, reklamy – co zamiast nich ?

Pop-up stał się niechcianym elementem blogów i stron internetowych. Nieważne, czy zasłania cały ekran, jego połowę, czy też jest małym punktem w tle. Popup’y stosowane są na wielu stronach internetowych, przez co odwiedzający je użytkownicy mogą mieć wrażenie, że obecnie ich ilość jest po prostu zbyt duża.

Z ich perspektywy, popup jest po prostu irytujący. Znacznie zmniejsza obszar treści strony internetowej, zmusza do wykonywania dodatkowych czynności (np. zamknięcia, zostawienie adresu e-mail, wyrażenia zgód, czy po prostu przejścia na inną podstronę).

Typowy użytkownik Internetu, aby móc tylko zacząć przeglądać daną witrynę internetową, musi zobaczyć nawet kilka pop-upów jednocześnie

  • W pierwszej kolejności otrzymuje pop-up pytający go o zgodę na otrzymywanie tzw. powiadomień typu web push (notyfikacje).
  • Kolejnym pop-upem jest informacja o plikach cookies (ciasteczkach) oraz polityce prywatności stosowanej przez firmę.
  • Trzeci z kolei to okienko wyskakujące po określonym czasie (zazwyczaj po 15 – 30 sekundach pobytu na stronie) i zachęcające użytkownika do zostawienia swojego adres e-mail.
  • Następnymi pop-upami (w zależności od rodzaj strony internetowej) mogą być: okienko messengera, zachęcenie do polubienia fanpage’a marki, a nawet ankieta.

Efekt jest taki, że po odwiedzeniu nawet 3 stron internetowych, użytkownik jest zmęczony. Ma dość kolejnych wyskakujących informacji i jeżeli spotka się z nimi na kolejnych odwiedzanych stronach – z pewnością szybko je opuści.

Co zrobić, aby pop-upy przestały być denerwujące, ale nie straciły swojej skuteczności?
Poznaj kilka technik oraz przykładów, w jaki sposób możesz zmienić pop-upy na Twojej stronie www, aby zachować ich skuteczność, a jednocześnie nie męczyć i nie denerwować Twoich użytkowników.

Łączenie zgód na stronie internetowej

Niedawno wprowadzone i wdrożone przepisy o przetwarzaniu danych osobowych (sławne RODO) wiele namieszały w polskim i zagranicznym Internecie. Dla jednych zmiana ta wyszła na plus. Dla innych stała się źródłem sporych problemów prawnych.
Bowiem, ilu prawników zapytasz o opinię – tyle też rozwiązań problemu otrzymasz. Najbardziej surowi specjaliści doradzają, aby podczas zapisu na newsletter zbierać szereg zgód (od przetwarzania danych, zgodę na wysyłkę, zgodę na profilowanie czy potwierdzenie zapoznania się z polityką prywatności). Inni w tym czasie nie stosują żadnych.
Przykładem tego może być firma XKOM, która do zapisania się na newsletter nie wymaga zaznaczenia żadnego checkboxa:

pop-up, popup newsletter

Dlatego pamiętaj, że wszelkie porady, które tutaj znajdziesz powinieneś skonsultować z prawnikiem.

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

Podczas otwierania Twojej strony www ciąży na Tobie obowiązek poinformowania każdego odwiedzającego o Twojej polityce prywatności, sposobie przetwarzania danych osobowych oraz o stosowaniu przez Twoją witrynę plików cookies.

Najbardziej popularnymi rozwiązaniami w tej materii są:

  • Pasek informacyjny na dole strony – mało inwazyjny, wysuwający się sidebar.
  • Wyskakujący pop-up – bardzo inwazyjne i zwracające na siebie uwagę okienko.
  • Informacja zawarta w stopce strony – niewidoczna od razu podczas wejścia na stronę, a dostępna dopiero po przewinięciu strony na sam dół.

Jakie rozwiązanie wybrać do wyświetlania informacji o korzystaniu z 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. To właśnie ten sposób informowania użytkowników jest wybierany przez większość właścicieli stron internetowych. Dzięki temu odwiedzający nie czują się w żaden sposób zaskoczeni tą informacją i szybko potrafią ją zlokalizować.

Pop-up – jest to najgorsze z możliwych rozwiązań służących do informowania użytkowników o wszystkich kwestiach nakładanych przez przepisy prawa. Tę formę lepiej wykorzystać do innych aktywności (np. zachęcenia do zapisu na newsletter), o czym informacje znajdziesz w dalszej części artykułu.

Informacja w stopce – to rozwiązanie jest o tyle problematyczne, że wymaga od użytkownika wykonania kolejnej akcji polegającej na “zjechaniu” na sam dół strony internetowej. Z pewnością jest to rozwiązanie czytelne, ponieważ użytkownik od razu po wejściu na stronę nie dostaje dużej ilości informacji. Jednak wielu prawników może podważyć jego legalność.

Jak prezentować informacje o cookies?

Używanie pop-upów do informowania o każdej rzeczy nie jest dobrym rozwiązaniem. Warto zostawić je jedynie do zapisu na newsletter lub bardziej rozbudowanych kampanii marketing automation (o czym przeczytasz w dalszej części tekstu).

Do wyświetlania plików cookies ‘ciasteczek’ użyj 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 – wystarczy bowiem zastosować jak najmniejszy pasek na dole strony. W przypadku konieczności zastosowania większej ilości tekstu – możesz zastosować pasek do przewijania (czyli w kodzie CSS jego klasa powinna zawierać overflow: scroll;).

popup o "cookies"

 

popup polityka prywatnosci
Właśnie w taki sposób powinna być prezentowana informacja o plikach cookies ‘ciasteczkach’. Dodatkowo, dla zapewnienia jeszcze większego komfortu wszystkim użytkownikom odwiedzającym stronę, można zastosować kolejne udogodnienie. Mianowicie, gdy użytkownik zacznie schodzić niżej (“scrollować”), informacja o cookies może zostać zwinięta np. w lewą stronę.

Na tej zmianie zyskają wszyscy. Ty będziesz miał pewność, że Google nie ukaże Cię za złe praktyki. Twoi czytelnicy będą mieli wystarczająco dużo wolnej przestrzeni (okienko nie zakryje bowiem całego ich monitora). Prawnicy również będą zadowoleni, że spełniasz wymogi i informujesz użytkowników o korzystaniu z ciasteczek.

A skoro kwestie prawne mamy już za sobą, teraz możemy przejść do bardziej przyjemnej części…

Pop-up reklamowy, o czym musisz wiedzieć?

Owszem, pop-upy w większości przypadków są denerwujące, ale obecnie nie ma chyba bardziej skutecznego sposobu na pozyskiwanie danych o użytkownikach, informowanie ich o promocjach, jak i o szeregu innych aktywności marketingowych. Jak zatem znaleźć złoty środek?

Na pewno nie należy robić jednej rzeczy – wyświetlać dużego pop-up’u na całą wielkość strony internetowej. Najbardziej popularna i właściwie jedyna licząca się w Polsce wyszukiwarka internetowa (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ę:

  • Okienko pop-up nie może ładować się od razu po wejściu na stronę. Innymi słowy, warto poczekać od kilku do kilkunastu sekund i nie “bombardować” nim użytkownika, gdy tylko odwiedzi serwis.
  • Użytkownik nie powinien zamykać okienka, aby wejść na stronę.
  • Rozmiar pop-upu musi być optymalny. Z jednej strony nie może zasłaniać całego ekranu, z drugiej natomiast musi być wystarczająco duży, aby zachował swoją czytelność.
  • Przycisk służący do zamykania okienka powinien być dobrze widoczny. Przyjęło się, że powinien znajdować się w prawym górnym rogu.
  • Pop-up nie powinien zasłaniać tła pod nim. Ma on przecież w jak najmniejszym stopniu zasłaniać treść strony internetowej.

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

Jak już wspominaliśmy, wyskakujące okno typu pop up jest najbardziej skuteczną metodą np. na zapis na newsletter w sklepie internetowym. Wystarczy zaoferować niewielką zniżkę na pierwsze zakupy, aby mieć pewność, że duża część odwiedzających stronę z chęcią zostawi swoje dane kontaktowe (wraz ze zgodami!).

Jednak co zrobić, gdy już na wejściu “zaatakowałeś” odwiedzającego okienkiem pop-up, ale chcesz poinformować go o czymś jeszcze? Najlepszym rozwiązaniem będzie wykorzystanie sekcji z prawej strony ekranu, która na dużych monitorach pozostaje praktycznie nieużywana przez większość właścicieli witryn.

Na małych ekranach (urządzeniach mobilnych) można natomiast dodać ją jako “wyjeżdżającą” przestrzeń z prawej strony ekranu.
Taki pop-up nie sprawdzi się w każdej sytuacji.
Rozwiązanie to ma swoje ograniczenia: dobrze zakodowane i zaprojektowane sprawdza się, ale i tak tylko na dużych ekranach o rozdzielczości powyżej 1600px szerokości.

Zanim poświęcisz czas na jego wdrożenie, zajrzyj do Google Analytics, aby ocenić czy ekrany o tej rozdzielczości dotyczą więcej niż 30% Twoich użytkowników.

W celu sprawdzenia tej kwestii przejdź do Panelu Google Analytics, następnie Odbiorcy -> Przegląd, a na koniec znajdź opcję “Rozdzielcznośc ekranu”.

dane z google analitics

źródła ruchu na stronie internetowej
Jak powinien wyglądać pasek call-to-action (CTA), który zainteresuje Twojego użytkownika?

Obecny z prawej strony ekranu pasek może zawierać dowolne informacje, ale żeby był skuteczny – musi spełniać 2 bardzo ważne warunki.

1. Musi być doskonale widoczny. Najlepiej, aby wyraźnie odróżniał się na tle innych elementów dostępnych na stronie www. To sprawi, że Twoi użytkownicy nie będą mieli problemu z jego znalezieniem.

2. Musi być bardzo czytelny. To oznacza, że użyta na nim ikonka, tekst, czy nawet grafika, jasno wskazywały, co czeka użytkownika po kliknięciu. Czy będzie to przejście do kontaktu, zamówienia, maila, czy czegokolwiek innego.

Przykłady wykorzystania CTA.
Na dobry początek warto zerknąć, jak to robią inni:

Portal O2

CTA na stronie internetowej

Samsung Polska

popup wezwanie do działania

X-COM

popup jako call to action

CENEO

pojawiające się informacje dodatkowe w popup

DOMODI

pop up z boku ekranu

AliExpress

pasek boczny zamiast pop-up

Gazeta Prawna

dodatkowe informacje na stronie www

Polska Times

wykorzystana cała przestrzeń na stronie internetowej

Gry OnLine

popup jako wysuwany pasek boczny na stronieJak widzisz, na dodatkowym pasku może pojawić się pop-up, ale można go wykorzystać do innych celów takich jak:

  • Logowanie lub rejestracja i zaproszenie do quizów.
  • Chat i zaproszenie do wystawienia opinii.
  • Potwierdzenie zaufania do sklepu czy marki.
  • Zostawić do wstawienia reklamy.
  • Zaproszenie do pobrania aplikacji mobilnej.
  • Linki do kanałów w social media.
  • 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 ta była konkretna.

Niech to będzie tylko zaoferowanie promocji (zniżki, rabatu) lub zachęcenie do kontaktu. Jeżeli w pasku znajdzie się zbyt dużo informacji jednocześnie, straci on swój sens, a co za tym idzie – nie będzie także konwertował.
Jest to jedna z kluczowych zasad tworzenia CTA (call-to-action), której należy bezwzględnie przestrzegać. Nawoływanie do działania ma mieć bowiem jasny i czytelny przekaz, z którym żaden użytkownik nie będzie miał problemu.

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

Pop-upy można stosować wszędzie – zarówno na stronie głównej, licznych podstronach, jak i wpisach blogowych, w których króluje treść wysokiej jakości.
Najlepszymi do tego miejscami są strony chętnie czytane przez odwiedzających je użytkowników.
Umieszczenie na nich zachęty do zapisu na newsletter lub informacji o promocji sprawi, że nie tylko pozyskasz dane o odwiedzających, ale także zwiększysz swoją sprzedaż.

Na jakich stronach umieścić pop-up?

Łatwo ustalisz to np. za pomocą 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.
A jak poradzić sobie z faktem, że chcesz często zmieniać prezentowane banery, nie edytując przy tym wszystkich wpisów? Wystarczy, że do tego działania wykorzystasz np. shortcode w WordPress lub haki w PrestaShopowym blogu.
Ale najpierw sprawdźmy, jak ten problem rozwiązują inni.

Tabletowo

baner call to action

Pop-up kontra adblock

Pamiętaj, że duża część odwiedzających korzysta z tzw. adblocków, przez które Twoje reklamy nie mogą się “przebić”. Dla tego rodzaju użytkowników możesz prezentować inny rodzaj treści, nie będący jednak blokowaną reklamą. Co to może być? Na przykład: zachęta do zapisu na newsletter, a nawet zaproszenie do przeczytania kolejnego wpisu na blogu.
INNPOLAND

popup jako zachęta do działania

Pop-upy we wpisach blogowych, co jeszcze musisz wiedzieć?

Aby Twoje reklamy były skuteczne (przyciągały wzrok, a przede wszystkim zachęcały do wykonania określonej akcji), musisz pamiętać o kilku ważnych zasadach:

  • Zastosowaniu mocno kontrastującego materiału reklamowego, dzięki któremu reklama od razu rzuci się w oczy.
  • Zastosowaniu materiału reklamowego, który jednocześnie będzie spójny z całym jego otoczeniem. Najlepiej, jeśli będzie imitował treść strony internetowej, a tym samym wyglądał bardziej naturalnie (zazwyczaj notuje on mniej kliknięć, ale za to większą konwersję).
  • Użyciu atrakcyjnej treści – tekstów oraz grafik, które będą zachęcające.

 

Pop-upy, wyskakujące okienka, reklamy – podsumowanie

Wyskakujące okienka, tam samo jak e-mail marketing przetrwały już kilka innych “modniejszych” w swoim 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 Messengerze to nielubiana forma komunikacji, która szybko upodobniła się do swojego telefonicznego odpowiednika (znienawidzonych callcenter).
Jednak, jak pokazuje praktyka – obecnie żadne rozwiązanie nie jest tak skuteczne, jak stare poczciwe pop-upy i raczej żadna nowinka technologiczna nie będzie im w stanie zagrozić, przynajmniej przez kilka następnych lat.

 

Co dalej?

W następnym wpisie zaprezentujemy Ci kilka ciekawych pomysłów oraz rozwiązań na zamianę standardowego e-maila na “nowocześniejsze” formy kontaktu z odwiedzającymi.
Powiemy sobie także o sposobach łączenia kanałów (omnichannel) w celu uzyskania jeszcze wyższej konwersji.

Mateusz - planuje i kreuje. Odpowiedzialny za cały zespół Hauerpower oraz główny kontakt z klientem. Specjalizuje się w SEO oraz UX.

All author posts
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

four × 2 =