Jak wysyłać powiadomienia push PWA (prosty sposób)

Opublikowany: 2023-01-12

Szukasz prostego sposobu na dodanie powiadomień push PWA?

Progressive Web Apps (PWA) to aplikacje działające na dowolnym urządzeniu. Ale zawsze jest jakiś konflikt z wysyłaniem powiadomień web push. Zwykle największym problemem są stawki za dostawę. Web push możesz dodać do swojego PWA na wiele sposobów. Ale jak wysyłać powiadomienia web push, które faktycznie są dostarczane z Twojego PWA?

Nie martw się! W tym artykule pokażemy Ci krok po kroku, jak możesz wysyłać powiadomienia push PWA z niezawodnymi stawkami dostawy w mniej niż 10 minut.

Zanurzmy się.

Jak zainstalować powiadomienia push PWA

Dodanie powiadomień push do PWA jest dość proste. Po prostu wykonaj czynności opisane w tym artykule. Jeśli wykonasz każdy krok, do końca tego artykułu powinieneś być w stanie wysyłać powiadomienia push, takie jak to:

Powiadomienia push PWA

Głównym wyzwaniem jest to, że całe oprogramowanie powiadomień web push wykorzystuje plik Javascript o nazwie service_worker.js . Pracownik obsługi pomaga zbierać subskrybentów powiadomień wypychanych za pomocą wyskakujących okien modalnych. Ale wszystkie PWA mają już plik service worker, który służy do innego celu. W danym momencie Twój PWA może korzystać tylko z jednego service workera.

Mówiąc prościej, usługi web push dezorientują Twoje PWA. Więc czasami będzie zbierać subskrybentów powiadomień push, a czasami nie. Czasami możesz wysyłać powiadomienia, a czasami nie. Możesz nawet wysłać wiadomości push do całej listy subskrybentów i dostarczyć je tylko kilku subskrybentom.

Oczywiście twórcy PWA, tacy jak Mendix, mają własny system powiadomień push. Ale co, jeśli chcesz przeprowadzić migrację do innej usługi powiadomień push? Co zrobić, jeśli chcesz większej elastyczności i kontroli nad kampaniami powiadomień push?

Zalecamy używanie PushEngage do wysyłania powiadomień push PWA. PushEngage to oprogramowanie do powiadomień push nr 1 na świecie. Więc wiesz, że Twoje kampanie są w dobrych rękach.

Zacznijmy.

Krok 1: Skonfiguruj swoje konto PushEngage

Przejdź na stronę główną PushEngage i kliknij przycisk Rozpocznij :

PushEngage

Możesz wypróbować PushEngage za darmo. Jeśli prowadzisz małego bloga, który wymaga powtarzalnego ruchu i zaangażowania, to prawdopodobnie wystarczy. Ale jeśli poważnie myślisz o sprzedaży, powinieneś kupić pakiet Enterprise i odblokować automatyczne kampanie.

Po zarejestrowaniu konta PushEngage przejdź do pulpitu nawigacyjnego PushEngage i przejdź do Ustawienia witryny » Szczegóły witryny :

Ustawienia witryny PushEngage

Tutaj możesz ustawić swoje logo, nazwę witryny i adres URL witryny. Naprawdę ważne jest, aby uporządkować te rzeczy teraz, aby później móc przetestować całą konfigurację.

Krok #2: Uzyskaj kod instalacyjny z PushEngage

Aby zainstalować powiadomienia push, musisz uzyskać kod instalacyjny. Na ekranie ustawień witryny przewiń w dół i kliknij przycisk Kliknij tutaj, aby uzyskać instrukcję konfiguracji :

Ustawienia instalacji PushEngage

Następnie kliknij kartę Dowolna witryna :

PushEngage Kod instalacyjny dowolnej witryny

Możesz użyć kodu Javascript, aby rozpocząć wysyłanie powiadomień push.

Krok #3: Dodaj kod pracownika serwisu dla powiadomień push PWA

Najtrudniejsza część procesu jest w końcu tutaj. Na pulpicie nawigacyjnym PushEngage w obszarze Instrukcje konfiguracji zobaczysz również opcję pobrania pliku Service Worker.

Pobierz Service Worker

WAŻNE: NIE przesyłaj pliku Service Worker do katalogu głównego aplikacji w takiej postaci, w jakiej jest.

Otwórz pracownika usługi PushEngage w edytorze tekstu, takim jak Notatnik, i skopiuj kod dla pracownika usługi. Następnie znajdź plik Service Worker dla swojego PWA i po prostu dodaj do pliku kod Service Worker PushEngage.

Jeśli zaniedbasz ten krok, nie będziesz mógł zbierać subskrybentów powiadomień push.

Krok 4: Skonfiguruj zgodę PushEngage

Teraz wróć do pulpitu nawigacyjnego PushEngage. Przejdź do Design » Popup Modals i wybierz opcję do wyboru:

Moduły wyskakujące

Chodzi o to, aby dać odwiedzającym solidny powód do subskrypcji. Jeśli potrzebujesz pomocy w tym zakresie, zapoznaj się z naszym artykułem na temat tworzenia niestandardowej zgody na powiadomienia push.

A jeśli chcesz zacząć korzystać z niektórych szablonów, zapoznaj się z tym artykułem na temat akceptacji powiadomień push o wysokiej konwersji.

Krok 5: Utwórz swoją pierwszą kampanię

Teraz, gdy Twoja witryna Webflow może wysyłać powiadomienia push, powinieneś utworzyć rzeczywistą kampanię.

Webflow nie jest tak naprawdę frywolnym darmowym narzędziem do tworzenia witryn. To zaawansowany kreator do tworzenia niestandardowych stron internetowych. Tak więc prawdopodobnie zamierzasz sprzedawać produkt na swojej stronie docelowej. Jeśli to ty, zdecydowanie powinieneś ustawić przypomnienie o porzuconym koszyku dla swojego sklepu.

Kampania porzuconych koszyków pomaga generować dodatkowe przychody poprzez konwersję porzuconych koszyków. To proste przypomnienie, które sprzedaje wiele produktów na autopilocie. Jest to więc świetna kampania wspierająca każdą stronę docelową, która przynosi sprzedaż bezpośrednią.

Po prostu przejdź do pulpitu nawigacyjnego PushEngage i przejdź do Kampanie » Wyzwalane kampanie » Utwórz nową wyzwalaną kampanię :

Utwórz nową aktywowaną kampanię

Następnie wybierz szablon kampanii Porzucenie koszyka :

Wyzwalane typy kampanii

Jeśli dopiero zaczynasz tworzyć zautomatyzowane kampanie marketingowe, możesz po prostu śledzić nasz artykuł na temat konfigurowania kampanii powiadomień push o porzuconym koszyku. Śledź każdy krok i możesz skonfigurować powiadomienia push, takie jak to:

1 to przykład porzuconego koszyka

I na wszelki wypadek, gdybyś się zastanawiał, nie musisz być znaną marką, aby Twoje kampanie powiadomień push były skuteczne. W rzeczywistości PushEngage został stworzony, aby pomóc małym firmom rozwijać się za pomocą powiadomień push.

Ale zanim zaczniesz promować swoją witrynę, powinieneś rozwiązać wszelkie problemy z procesem subskrypcji powiadomień push. Sprawdź ten artykuł na temat testowania powiadomień push. Jeśli wszystko działa idealnie, gotowe!

Co zrobić po dodaniu powiadomień push PWA?

To wszystko w tym przypadku, ludzie!

Możesz teraz wysyłać powiadomienia push PWA. Do tej pory stworzyłeś również potężną kampanię powiadomień web push, aby przyspieszyć swój rozwój. To wszystko w mniej niż 10 minut!

Sprawdź również, jak tworzyć inne automatyczne kampanie powiadomień push. Większość kampanii push jest prosta i skuteczna. Dlatego zalecamy skonfigurowanie wielu kampanii dla Twojej witryny. Oto kilka świetnych na początek:

  • Jak automatycznie wysyłać powiadomienia push RSS
  • Jak skonfigurować powiadomienia push o porzuceniu koszyka za pomocą GTM
  • Jak zaplanować powiadomienia push w prosty sposób [5 min. Przewodnik]

A jeśli jeszcze tego nie zrobiłeś, zacznij korzystać z PushEngage. PushEngage to oprogramowanie do powiadomień push nr 1 na świecie. Twoje kampanie są więc w bezpiecznych rękach.

Zacznij korzystać z PushEngage już dziś!