Jak wysyłać powiadomienia push w aplikacji internetowej (łatwe)

Opublikowany: 2024-03-18

Szukasz prostego sposobu dodawania powiadomień push w aplikacji internetowej, które mogą pomóc w rozwoju Twojej firmy?

Konfigurowanie powiadomień push dla aplikacji internetowych może być nieco trudne. Zawsze jest jakiś konflikt z wysyłaniem powiadomień web push. Zwykle największym problemem są stawki za dostawę. Możesz dodać web push do swojej aplikacji internetowej na wiele sposobów. Ale jak wysyłać powiadomienia web push, które faktycznie są dostarczane z Twojej aplikacji internetowej?

Nie martw się! W tym artykule pokażemy Ci krok po kroku, jak wysyłać powiadomienia push w aplikacji internetowej z niezawodnym czasem dostawy w mniej niż 10 minut.

Zanurzmy się.

Wysyłaj powiadomienia push aplikacji internetowej już teraz!

Jak zainstalować powiadomienia push w aplikacji internetowej

Dodawanie powiadomień push do aplikacji internetowej jest dość proste. Po prostu wykonaj czynności opisane w tym artykule. Jeśli wykonasz każdy krok, pod koniec tego artykułu powinieneś móc wysyłać powiadomienia push, takie jak to:

przykład powiadomień push w aplikacji internetowej

Głównym wyzwaniem jest to, że całe oprogramowanie do powiadomień web push korzysta z pliku JavaScript o nazwie service_worker.js . Pracownik usługi pomaga zbierać subskrybentów powiadomień push za pośrednictwem wyskakujących okienek. Jednak wszystkie aplikacje internetowe mają już plik Service Worker, który służy innemu celowi. Jednocześnie Twoja aplikacja internetowa może korzystać tylko z jednego pracownika usługi.

Krótko mówiąc, usługi web push dezorientują Twoją aplikację internetową. Czasami więc będzie zbierać subskrybentów powiadomień push, a czasem nie. Czasami możesz wysyłać powiadomienia, a czasami nie. Może się nawet zdarzyć, że będziesz wysyłać wiadomości push do całej listy subskrybentów i dostarczać je tylko kilku subskrybentom.

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

Zalecamy używanie PushEngage do wysyłania powiadomień push z aplikacji internetowych. PushEngage to oprogramowanie do powiadomień push nr 1 na świecie. Masz więc pewność, ż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, prawdopodobnie to wystarczy. Jeśli jednak poważnie myślisz o sprzedaży, powinieneś zaopatrzyć się w 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. Bardzo ważne jest, aby uporządkować te kwestie już teraz, aby móc później przetestować całą konfigurację.

Krok 2: Uzyskaj kod instalacyjny z PushEngage

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

Ustawienia instalacji PushEngage

Następnie kliknij zakładkę Dowolna witryna :

PushEngage Kod instalacji dowolnej witryny

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

Krok 3: Dodaj kod Service Worker do powiadomień push w aplikacji internetowej

Najbardziej skomplikowana część procesu wreszcie nadeszła. Na pulpicie nawigacyjnym PushEngage w obszarze Instrukcje konfiguracji zobaczysz także opcję pobrania pliku Service Worker.

Pobierz Service Worker

WAŻNE: Domyślnie aplikacja internetowa nie wymaga pliku Service Worker. Aby zamienić dowolną witrynę w aplikację internetową, wystarczy plik manifestu. Jeśli więc Twoja aplikacja internetowa nie zawiera pliku Service Worker, możesz po prostu dodać Service Workera PushEngage do katalogu głównego swojej witryny internetowej lub aplikacji internetowej.

Jeśli jednak w Twojej aplikacji internetowej znajduje się już proces roboczy usługi, NIE przesyłaj bezpośrednio pliku pracownika usługowego PushEngage w niezmienionej postaci. Otwórz proces roboczy usługi PushEngage w edytorze tekstu, takim jak Notatnik, i skopiuj kod do pliku pracownika usługi PushEngage. Następnie znajdź plik Service Worker dla swojej aplikacji internetowej i po prostu dodaj do niego 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 Projektowanie »Modały wyskakujące i wybierz wybraną opcję:

Mody wyskakujące

Chodzi o to, aby dać odwiedzającym solidny powód do subskrypcji. Jeśli potrzebujesz pomocy, zapoznaj się z naszym artykułem o tym, jak utworzyć niestandardową zgodę na powiadomienia push.

A jeśli chcesz zacząć od szablonów, zapoznaj się z tym artykułem na temat opcji powiadomień push zapewniających wysoką konwersję.

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

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

Kampania porzuconych koszyków pomaga wygenerować 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 panelu PushEngage i przejdź do Kampanie » Kampanie wyzwalane » Utwórz nową kampanię wyzwalaną :

Utwórz nową aktywowaną kampanię

Następnie wybierz szablon kampanii Porzucenie koszyka :

Wyzwalane typy kampanii

Jeśli dopiero zaczynasz tworzyć automatyczne kampanie marketingowe, możesz po prostu zapoznać się z naszym artykułem na temat konfigurowania kampanii powiadomień wypychanych o porzuconym koszyku. Postępuj zgodnie z każdym krokiem, a możesz skonfigurować powiadomienia push, takie jak to:

Oto przykład porzuconego koszyka

A jeśli się zastanawiasz, nie musisz być powszechnie 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.

Zanim jednak 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 w aplikacji internetowej?

To wszystko na ten temat, ludzie!

Możesz teraz wysyłać powiadomienia push z aplikacji internetowej. Do tej pory stworzyłeś także potężną kampanię powiadomień web push, która ma przyspieszyć Twój rozwój. Wszystko to w niecałe 10 minut!

Sprawdź także jak stworzyć inne automatyczne kampanie z powiadomieniami push. Większość kampanii push jest prosta i skuteczna. Dlatego zalecamy skonfigurowanie wielu kampanii w witrynie. Oto kilka świetnych na początek:

  • Jak automatycznie wysyłać powiadomienia push RSS
  • Jak skonfigurować powiadomienia push o porzuceniu koszyka za pomocą GTM
  • Jak w prosty sposób zaplanować powiadomienia push [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 dobrych rękach.

Zacznij korzystać z PushEngage już dziś!