Przejdź do treści

Tworzenie próśb o zgodę na wysyłanie powiadomień web push

Zanim wyślesz pierwsze powiadomienie web push od swoich klientów, musisz uzyskać od nich zgodę na taką komunikację. Prośby te są wyświetlane są w przeglądarce.

Jakie rodzaje próśb o zgodę stworzysz w ECDP i czym się one różnią?

Spersonalizowana prośba o zgodę

Spersonalizowana prośba o zgodę działa podobnie do zgody double opt-in. Odbiorcy wyświetlane są po kolei dwa powiadomienia:

  1. Najpierw spersonalizowane powiadomienie w formie pop-upu. Jego treść i warunki wyświetlania ustawiasz samodzielnie. Gdy odbiorca zaakceptuje prośbę, przeglądarka wyświetli kolejną prośbę.
  2. Następnie powiadomienie systemowe z przeglądarki, które jest właściwą prośbą o zgodę.

Odbiorca musi wyrazić zgodę klikając na powiadomienia web push zaakceptować oba powiadomienia

Czym charakteryzuje się spersonalizowana prośba o zgodę?

  • Kontrolą nad wyświetlaniem: to Ty decydujesz, kiedy i gdzie pojawi się pop-up. Możesz wskazać stronę, czas sesji lub liczbę odwiedzonych stron.
  • Personalizacją: pop-up dostosowujesz do charakteru swojej marki, dodając logo, własną treść i unikalne przyciski.
  • Zwiększoną jakością bazy odbiorców i reputacją domeny: użytkownicy chętniej udzielają zgody, gdy rozumieją jej cel. W treści prośby możesz wskazać korzyści, co zwiększa konwersję. Niektóre przeglądarki blokują powiadomienia, jeśli nie było wcześniejszej interakcji z witryną.

Stwórz spersonalizowaną prośbę o zgodę#

prośbę o zgodę

  1. W Ustawienia > Web push > Prośby o zgodę kliknij Stwórz prośbę o zgodę > Spersonalizowana.
  2. W sekcji Podstawowe ustawienia:
    • Nadaj nazwę tworzonej prośbie, żeby łatwiej odnaleźć ją wśród innych próśb.
    • Wybierz stronę, na której chcesz wyświetlić prośbę o zgodę.
    • Ustaw zakres czasowy, w którym chcesz wyświetlać prośbę.
    • W sekcji częstotliwość ustaw, czy prośba ma wyświetlać się raz na sesję, czy może w wybranym odstępie czasu.
    • Dla prośby natywnej możesz ustawić śledzenie, dodając własne parametry lub Google Analytics.
  3. W sekcji Zdarzenie zdecyduj, na jakie zdarzenie ma być wyświetlona prośba o zgodę:
    • Wejście – prośba wyświetli się przy wejściu użytkownika na stronę.
    • Próba wyjścia – prośba wyświetli się, gdy użytkownik wyjedzie kursorem poza okno strony sklepu.
    • Przewijanie – prośba pokaże się, gdy użytkownik zacznie przewijać stronę. Ustaw próg (głębokość przewijania strony w proc.), którego minięcie wywoła okno z prośba o zgodę.
    • Zdarzenie niestandardowe – prośba wyświetli się w wyniku wykonania jakiejś akcji przez użytkownika w Twoim sklepie, np. kliknięcia przycisku lub linku, zamiast od razu po wejściu na stronę. Aby skorzystać ze zdarzenia niestandardowego, trzeba wykonać kilka dodatkowych kroków. Instrukcję znajdziesz w sekcji Jak skonfigurować zdarzenie niestandardowe.
  4. Następnie wybierz dodatkowe warunki wyświetlania prośby, takie jak adres lub typ strony, na której chcesz wyświetlić prośbę lub czas trwania sesji.
  5. Na końcu zdecyduj, komu chcesz wyświetlić prośbę.
  6. W kroku Treść zaprojektuj pop-up z prośbą o zgodę, który jako pierwszy wyświetli się Twoim odbiorcom. Pop-up jest w pełni edytowalny, łatwo nadasz mu charakter zgodny ze stylem własnej marki. 
  7. W sekcji Podsumowanie znajdziesz podgląd prośby o zgodę oraz listę wszystkich ustawień.
  8. Kliknij Aktywuj, żeby prośba zaczęła się wyświetlać odbiorcom.

Natywna prośba o zgodę

Natywna prośba o zgodę działa na zasadzie zgody single opt-in. Odbiorca otrzymuje tylko jedno systemowe powiadomienie z używanej przeglądarki, w którym potwierdza czy chce dostawać od Ciebie powiadomienia web push.

Czym wyróżnia się natywna prośba o zgodę?

  • Wysoką konwersją: ten typ prośby charakteryzuje się wysoką skutecznością w uzyskiwaniu zgód od użytkowników.
  • Brakiem możliwości modyfikacji: nie masz możliwości zmiany treści ani wyglądu prośby o zgodę.
  • Zależnością od przeglądarki: Wyświetlenie prośby zależy od ustawień przeglądarki użytkownika.

Stwórz natywną prośbę o zgodę

  1. W Ustawienia > Web push > Prośby o zgodę kliknij Stwórz prośbę o zgodę > Natywna.
  2. W sekcji Podstawowe ustawienia:
    • Nadaj nazwę tworzonej prośbie, żeby łatwiej odnaleźć ją wśród innych próśb.
    • Wybierz stronę, na której chcesz wyświetlić prośbę o zgodę.
    • Ustaw zakres czasowy, w którym chcesz wyświetlać prośbę.
    • W sekcji częstotliwość ustaw, czy prośba ma wyświetlać się raz na sesję, czy może w wybranym odstępie czasu.
    • Dla prośby natywnej możesz ustawić śledzenie, dodając własne parametry lub Google Analytics.
  3. W sekcji Wyzwalacze
    • Zdecyduj, na jakie zdarzenie ma być wyświetlona prośba o zgodę: wejście na stronę, próba wyjścia ze strony czy przewijanie strony.
      • Wejście – prośba wyświetli się przy wejściu użytkownika na stronę.
      • Próba wyjścia – prośba wyświetli się, gdy użytkownik wyjedzie kursorem poza okno strony sklepu.
      • Przewijanie – prośba pokaże się, gdy użytkownik zacznie przewijać stronę. Ustaw próg (głębokość przewijania strony w proc.), którego minięcie wywoła okno z prośba o zgodę.
      • Zdarzenie niestandardowe – prośba wyświetli się w wyniku wykonania jakiejś akcji przez użytkownika w Twoim sklepie, np. kliknięcia przycisku lub linku, zamiast od razu po wejściu na stronę. Aby skorzystać ze zdarzenia niestandardowego, trzeba wykonać kilka dodatkowych kroków. Instrukcję znajdziesz w sekcji Jak skonfigurować zdarzenie niestandardowe.
    • Następnie wybierz dodatkowe warunki wyświetlania prośby, takie jak adres lub typ strony, na której chcesz wyświetlić prośbę lub czas trwania sesji.
    • Na końcu zdecyduj, komu chcesz wyświetlić prośbę.
  4. W sekcji Podsumowanie znajdziesz podgląd prośby o zgodę oraz listę wszystkich ustawień.
  5. Kliknij Aktywuj, żeby prośba zaczęła się wyświetlać.

Jak skonfigurować zdarzenie niestandardowe

Sposób 1: Wywołaj prośbę za pomocą funkcji „Zbadaj” w przeglądarce:

  1. Przejdź do zakładki Zachowanie w edytorze treści.
  2. W sekcji Zdarzenia wybierz Zdarzenie niestandardowe.
  3. Pojawi się fragment skryptu: $ecdp.api.getContent(„type”, id, maxWaitTime).
  4. Skopiuj go i uruchom na swojej stronie – w następnej sekcji znajdziesz instrukcję jak to zrobić.

Jeśli nie uruchomisz skryptu, zdarzenie niestandardowe nie będzie działać.

Parametry użyte w metodzie:

  • type – typ treści, np. optInPrompt.
  • id – identyfikator treści.
  • maxWaitTime – opcjonalny parametr (w milisekundach) określający, jak szybko system będzie próbował wyświetlić prośbę po jej przygotowaniu (0-10 000 ms).

Nie musisz podawać parametru maxWaitTime.

Przykład 1:

Wyświetl prośbę o ID 123 natychmiast po jego przygotowaniu.

$ecdp.api.getContent("optInPrompt", 123);

Przykład 2:

Wyświetl prośbę o ID 456 z maksymalnym czasem oczekiwania 5 sekund.

$ecdp.api.getContent("optInPrompt", 456, 5000);

Uruchom skrypt w przeglądarce

  1. Przejdź na stronę swojego sklepu i uruchom funkcję Zbadaj (Inspect):
    • za pomocą klawiatury, wybierając F12,
    • lub klikając prawym przyciskiem myszy wybierz ją z menu podręcznego.
  2. Wybierz zakładkę Console.
  3. Wpisz lub wklej skopiowany skrypt z parametrami prośby.
  4. Naciśnij Enter, aby uruchomić skrypt.

Spowoduje to wywołanie prośby bezpośrednio z konsoli, co jest konieczne do aktywacji zdarzenia niestandardowego.

Test na żywo

Musisz wywołać skrypt również wtedy, gdy chcesz przetestować prośbę ze zdarzeniem niestandardowym za pomocą funkcji „Test na żywo”.

Sposób 2: Wywołaj spersonalizowaną prośbę przez kliknięcie przycisku lub linku

Zamiast uruchamiać skrypt ręcznie z poziomu konsoli, możesz podpiąć go do konkretnego elementu na stronie – np. przycisku lub linku. Dzięki temu spersonalizowana prośba o zgodę wyświetli się automatycznie po kliknięciu tego elementu.

Poniżej znajdziesz dwa przykłady – z użyciem przycisku oraz linku. W obu przypadkach wykorzystywana jest metoda getContent, która uruchamia prośbę o wskazanym ID.

Przykład 1: Przycisk

<button id="myButton">Wyświetl prośbę o zgodę</button>

<script> 
document.getElementById("myButton").addEventListener("click", function() {
    $ecdp.api.getContent("optInPrompt", 586);
});
</script>

Przykład 2: Link

<a href="#" id="optInPrtomptLink">Wyświetl prośbę o zgodę</a>

<script>
document.getElementById("optInPrtompLink").addEventListener("click", function(event) {
event.preventDefault(); // Zapobiega domyślnej akcji linku
    $ecdp.api.getContent("optInPrtomp", 586);
});
</script>

W obu przypadkach skrypt:

  • wskazuje element (np. #myButton lub # optInPromptLink),
  • „nasłuchuje” kliknięcia,
  • po kliknięciu uruchamia spersonalizowaną prośbę o zgodę o ID 586.

Upewnij się, że wybrana prośba ma status Aktywna, bo w przeciwnym razie nie zostanie wyświetlony.

Ważne informacje

  • Prośba o zgodę zostanie załadowana dopiero po wywołaniu skryptu.
  • Zostanie wyświetlona tylko raz na odsłonę wybranej strony, dla tej samej kombinacji parametrów type i ID.
  • Zdarzenie niestandardowe działa tylko dla próśb o zgodę o statusie Aktywna.
Polityka prywatności