Web push – konfiguracja
Tutaj znajdziesz instrukcje jak skonfigurować kanał web push dla swojej strony.
Powiadomienia web push, które stworzysz w platformie ExpertSender CDP będą wyświetlane w przeglądarkach na telefonach komórkowych i laptopach. Nie będą natomiast wyświetlały się w aplikacjach.
Wymagania#
Zanim skonfigurujesz kanał web push:
- W ustawieniach dodaj stronę internetową, z której chcesz wysyłać powiadomienia web push.
- Skonfiguruj kanał Web Tracking, czyli śledzenie ruchu na Twojej stronie.
Konfiguracja kanału web push
Kanał web push możesz skonfigurować i uruchomić dla każdej strony, którą dodajesz do platformy.
- Przejdź do Ustawienia > Web push > Web push.
- Znajdź stronę, dla której chcesz skonfigurować i uruchomić kanał web push.
- Kliknij ikonę Konfiguruj </>.
Kolejne kroki konfiguracji będą się różnić, w zależności od tego, czy masz na serwerze umieszczony plik service worker, czy nie.
Service worker to plik w języku JavaScript, który odpowiada za dostarczanie powiadomień web push użytkownikom Twojej strony, nawet gdy jej nie przeglądają.
Wybierz odpowiedni scenariusz konfiguracji:
Mam plik service worker na serwerze
- W oknie Skonfiguruj web push rozwiń zakładkę Mam plik service worker na serwerze.
- Skopiuj kod widoczny w oknie
- Zaloguj się do serwera, na którym jest umieszczona Twoja strona.
- Znajdź plik service worker na swoim serwerze, np. za pomocą narzędzia do zarządzania plikami. Plik service worker zazwyczaj nazywa się service-worker.js, sw.js lub podobnie. Najczęściej znajdziesz go:
- W katalogu głównym serwera (root directory), np. [/service-worker.js]
- W katalogu [public], np. [/public/service-worker.js]
- Otwórz plik service worker w trybie do edycji. Możesz użyć do tego edytora dostępnego na serwerze lub pobrać plik na swój komputer, a następnie otworzyć go w edytorze tekstu, np. w Notatniku.
- Wklej skopiowany kod na początku lub na końcu pliku. Zwróć uwagę, aby nie wkleić go pomiędzy inne funkcje. W przeciwnym razie plik nie będzie działał poprawnie.
- Zapisz plik.
- Jeśli plik był edytowany lokalnie, prześlij go z powrotem na serwer do odpowiedniego katalogu, podmieniając stary plik.
- Skopiuj lokalizację pliku service worker. Powinna mieć formę ścieżki URL, np:
- https://www.TwojaStrona.com/service-worker.js – jeśli plik znajduje się w katalogu głównym.
- https://www.TwojaStrona.com/public/service-worker.js – jeśli plik znajduje się w katalogu [public].
- Wróć do okna Skonfiguruj web push w platformie, dostępnego w Ustawienia > Web push > Web push > Konfiguruj </>.
- W oknie Sprawdź status pliku service worker wklej skopiowaną ścieżkę URL.
- Kliknij Weryfikuj status pliku. W ten sposób sprawdzimy, czy plik jest dostępny, a wklejony kod działa prawidłowo.
- Po pomyślnej weryfikacji kliknij Zapisz.
- Status kanału dla tej strony zmieni się na Aktywny. Znajdziesz go w tabeli dostępnej w Ustawienia > Web push.
Nie mam pliku service worker na serwerze
- W oknie Skonfiguruj web push rozwiń zakładkę Nie mam pliku service worker na serwerze.
- Kliknij Pobierz plik service worker. W pliku znajduje się już nasz kod, dzięki któremu przeglądarka będzie mogła wyświetlać powiadomienia wszystkim odbiorcom.
- Zaloguj się do serwera, na którym jest umieszczona Twoja strona.
- Za pomocą narzędzia do zarządzania plikami umieść pobrany plik service worker na swoim serwerze. Najczęściej wybierane lokalizacje dla tego pliku to:
- Katalog główny serwera (root directory).
- Katalog [public].
- Skopiuj lokalizację pliku. Powinna mieć formę ścieżki URL, np:
- https://www.TwojaStrona.com/service-worker.js – jeśli plik znajduje się w katalogu głównym
- https://www.TwojaStrona.com/public/service-worker.js – jeśli plik znajduje się w katalogu [public]
- Wróć do okna Skonfiguruj web push w platformie, dostępnego w Ustawienia > Web push > Web push > Konfiguruj </>.
- W oknie Sprawdź status pliku service worker wklej skopiowaną ścieżkę URL.
- Kliknij Weryfikuj status pliku. W ten sposób sprawdzimy, czy plik jest dostępny, a wklejony kod działa prawidłowo.
- Po pomyślnej weryfikacji kliknij Zapisz.
- Status kanału dla tej strony zmieni się na Aktywny. Znajdziesz go w tabeli dostępnej w Ustawienia > Web push.
Kanał web push jest gotowy do działania.
Co zrobić, gdy konfiguracja web push nie udała się?
Najczęstsze przyczyny problemów z konfiguracją web push i jak je rozwiązać znajdziesz poniżej:
Przyczyna | Co mam zrobić? |
Strona www nie jest skonfigurowana. | Dodaj nasz kod śledzący na stronę, z której chcesz wysyłać powiadomienia web push. |
W podanej lokalizacji nie ma pliku service worker. | Wklej ścieżkę URL z prawidłową lokalizacją pliku lub przenieś plik do miejsca, które zostało podane w sekcji Sprawdź status pliku service worker. Ponownie zweryfikuj plik. |
Kod został dodany do pliku service worker w nieodpowiednim miejscu. | Wklej kod na samym początku lub na samym końcu pliku. Ponownie zweryfikuj plik. |