Ψάχνετε έναν απλό τρόπο να προσθέσετε ειδοποιήσεις push PWA;
Οι Προοδευτικές Εφαρμογές Ιστού (PWA) είναι εφαρμογές που λειτουργούν σε οποιαδήποτε συσκευή. Ωστόσο, υπάρχει πάντα κάποια σύγκρουση με την αποστολή ειδοποιήσεων push μέσω ιστού. Συνήθως, το μεγαλύτερο πρόβλημα είναι τα ποσοστά παράδοσης. Μπορείτε να προσθέσετε web push στην PWA σας με πολλούς τρόπους. Αλλά πώς στέλνετε ειδοποιήσεις push μέσω ιστού που παραδίδονται πραγματικά από την PWA σας;
Μην ανησυχείτε! Σε αυτό το άρθρο, θα σας δείξουμε βήμα προς βήμα πώς μπορείτε να στείλετε ειδοποιήσεις push PWA με αξιόπιστα ποσοστά παράδοσης σε λιγότερο από 10 λεπτά.
Ας ξεκινήσουμε.
ΣΥΝΤΟΜΟΓΡΑΦΙΑ — Τι είναι οι ειδοποιήσεις push PWA; Οι ειδοποιήσεις push Προοδευτικής Εφαρμογής Ιστού (PWA) είναι τυπικά μηνύματα web push που παραδίδονται μέσω ενός εγγεγραμμένου service worker της PWA, επιτρέποντας στις εφαρμογές που έχουν εγκατασταθεί από τον ιστό να λαμβάνουν μηνύματα push ακόμη και όταν η ιστοσελίδα είναι κλειστή.
Στείλτε Ειδοποιήσεις Push PWA Σήμερα!
Οι ειδοποιήσεις push είναι ένα εξαιρετικά αποτελεσματικό, χαμηλού κόστους εργαλείο μάρκετινγκ που σας βοηθά να αυξήσετε την επαναλαμβανόμενη επισκεψιμότητα, την αλληλεπίδραση και τις πωλήσεις σας αυτόματα.
Πώς να Εγκαταστήσετε Ειδοποιήσεις Push PWA
Η προσθήκη ειδοποιήσεων push σε μια Προοδευτική Εφαρμογή Ιστού είναι αρκετά απλή. Απλώς ακολουθήστε τα βήματα σε αυτό το άρθρο. Αν ακολουθήσετε κάθε βήμα, στο τέλος αυτού του άρθρου, θα πρέπει να μπορείτε να στέλνετε ειδοποιήσεις push όπως αυτή:
- Εγγραφείτε έναν service worker στη ρίζα του ιστότοπου που συνδυάζει τη λογική της PWA και τη διαχείριση των push.
- Εγκαταστήστε το script PushEngage και αντιγράψτε τον κωδικό εγκατάστασης στο
<head>. - Διαμορφώστε το modal opt-in και δημιουργήστε μια καμπάνια στον πίνακα ελέγχου του PushEngage.
Η κύρια πρόκληση είναι ότι όλο το λογισμικό ειδοποιήσεων push μέσω ιστού χρησιμοποιεί ένα αρχείο Javascript που ονομάζεται service_worker.js. Ο service worker σας βοηθά να συλλέξετε συνδρομητές ειδοποιήσεων push μέσω αναδυόμενων παραθύρων. Αλλά όλες οι PWA έχουν ήδη ένα αρχείο service worker που εξυπηρετεί διαφορετικό σκοπό. Και σε μια δεδομένη στιγμή, η PWA σας μπορεί να χρησιμοποιήσει μόνο έναν service worker.
Με απλά λόγια, οι υπηρεσίες web push μπερδεύουν την PWA σας. Έτσι, μερικές φορές θα συλλέγει συνδρομητές ειδοποιήσεων push και μερικές φορές, όχι. Μερικές φορές μπορείτε να στείλετε ειδοποιήσεις και μερικές φορές όχι. Μπορεί ακόμη και να καταλήξετε να στέλνετε μηνύματα push σε ολόκληρη τη λίστα συνδρομητών σας και να παραδίδονται μόνο σε λίγους συνδρομητές.
Συνιστούμε τη χρήση του PushEngage για την αποστολή ειδοποιήσεων push PWA. Το PushEngage είναι το λογισμικό ειδοποιήσεων push #1 στον κόσμο. Έτσι, γνωρίζετε ότι οι καμπάνιες σας είναι σε ασφαλή χέρια.
Φυσικά, οι δημιουργοί PWA όπως το Mendix έρχονται με το δικό τους σύστημα ειδοποιήσεων push. Αλλά τι γίνεται αν θέλετε να μεταναστεύσετε σε κάποια άλλη υπηρεσία ειδοποιήσεων push; Τι γίνεται αν θέλετε περισσότερη ευελιξία και έλεγχο στις καμπάνιες ειδοποιήσεων push; Επιπλέον, αυτές οι υπηρεσίες συνήθως σας παρέχουν ένα API για τη δημιουργία καμπανιών push. Αλλά με το PushEngage, αποκτάτε έναν εύχρηστο πίνακα ελέγχου από τον οποίο μπορείτε να δημιουργείτε, να προγραμματίζετε, να στέλνετε και να διαχειρίζεστε καμπάνιες push.
Και ναι, μπορείτε να χρησιμοποιήσετε το Firebase Cloud Messaging (FCM) για να στείλετε ειδοποιήσεις push εφαρμογών Android. Αλλά με το PushEngage, μπορείτε να στείλετε ειδοποιήσεις push εφαρμογών Android και web, ειδοποιήσεις push web και εφαρμογών iOS και iPadOS, και ειδοποιήσεις push προγράμματος περιήγησης.
Το καλύτερο κομμάτι; Μπορείτε ακόμη και να στείλετε ισχυρές ειδοποιήσεις push eCommerce με μερικά κλικ.
| Γεγονός | Αξία |
|---|---|
| Κύριος μηχανισμός παράδοσης | Service worker (συνδρομή push) |
| Τυπικός χρόνος εγκατάστασης | ~10 λεπτά (βασικό) |
| Κοινή απαίτηση | Root-scoped service_worker.js + manifest.json |
| Λειτουργεί σε | Τα περισσότερα προγράμματα περιήγησης desktop και Android (διαφέρει ανάλογα με την πλατφόρμα) |
Ας ξεκινήσουμε.
Βήμα #1: Ρυθμίστε τον Λογαριασμό σας PushEngage
Μεταβείτε στην αρχική σελίδα του PushEngage και κάντε κλικ στο κουμπί Έναρξη:
Μπορείτε να δοκιμάσετε το PushEngage δωρεάν. Αν διαχειρίζεστε ένα μικρό blog που χρειάζεται επαναλαμβανόμενη επισκεψιμότητα και αλληλεπίδραση, αυτό είναι πιθανώς αρκετό. Αλλά αν σοβαρά ασχολείστε με τις πωλήσεις, θα πρέπει να αποκτήσετε το πακέτο Enterprise και να ξεκλειδώσετε τις αυτοματοποιημένες καμπάνιες.
Μόλις εγγραφείτε στον λογαριασμό σας PushEngage, κατευθυνθείτε στον πίνακα ελέγχου PushEngage και πηγαίνετε στο Ρυθμίσεις Ιστοτόπου » Λεπτομέρειες Ιστοτόπου:
Μπορείτε να ορίσετε το λογότυπό σας, το όνομα του ιστοτόπου και τη διεύθυνση URL του ιστοτόπου εδώ. Είναι πραγματικά σημαντικό να τακτοποιήσετε αυτά τα πράγματα τώρα, ώστε να μπορείτε να δοκιμάσετε ολόκληρη τη ρύθμισή σας αργότερα.
Βήμα #2: Λάβετε τον Κωδικό Εγκατάστασης από το PushEngage
Για να εγκαταστήσετε τις ειδοποιήσεις push, θα χρειαστεί να λάβετε έναν κωδικό εγκατάστασης. Στην οθόνη Ρυθμίσεις Ιστοτόπου, κάντε κύλιση προς τα κάτω και κάντε κλικ στο κουμπί Κάντε Κλικ Εδώ για Οδηγίες Εγκατάστασης:
Στη συνέχεια, κάντε κλικ στην καρτέλα Οποιοσδήποτε Ιστότοπος:
Μπορείτε να χρησιμοποιήσετε τον κωδικό Javascript για να αρχίσετε να στέλνετε ειδοποιήσεις push.
Βήμα #3: Προσθέστε τον Κώδικα Service Worker για Ειδοποιήσεις Push PWA
Το πιο δύσκολο μέρος της διαδικασίας είναι επιτέλους εδώ. Στον πίνακα ελέγχου του PushEngage, στην ενότητα Οδηγίες Εγκατάστασης, θα δείτε επίσης μια επιλογή για λήψη του αρχείου service worker.
ΣΗΜΑΝΤΙΚΟ: Μια PWA μπορεί να έχει μόνο ένα ενεργό πεδίο εμβέλειας service worker κάθε φορά — συγχωνεύστε τον κώδικα push στον υπάρχοντα service worker σας. Από προεπιλογή, μια PWA δεν απαιτεί αρχείο service worker. Το μόνο που χρειάζεστε για να μετατρέψετε οποιονδήποτε ιστότοπο σε Progressive Web App είναι ένα αρχείο manifest. Έτσι, αν η PWA σας δεν έχει αρχείο service worker, τότε μπορείτε απλά να προσθέσετε τον service worker του PushEngage στον ριζικό κατάλογο του ιστότοπού σας ή της web εφαρμογής σας.
Αλλά αν η PWA σας έχει ήδη έναν service worker σε λειτουργία, τότε ΜΗΝ ανεβάσετε απευθείας το αρχείο service worker του PushEngage για ειδοποιήσεις push ως έχει. Ανοίξτε τον service worker του PushEngage σε έναν επεξεργαστή κειμένου όπως το Σημειωματάριο και αντιγράψτε τον κώδικα από το αρχείο service worker του PushEngage. Στη συνέχεια, βρείτε το αρχείο service worker για την PWA σας και απλά προσθέστε τον κώδικα του service worker του PushEngage στο αρχείο.
Αν παραμελήσετε αυτό το βήμα, δεν θα μπορείτε να συλλέξετε συνδρομητές ειδοποιήσεων push.
Βήμα #4: Διαμορφώστε την εγγραφή στο PushEngage
Τώρα, επιστρέψτε στον πίνακα ελέγχου PushEngage. Πηγαίνετε στο Σχεδίαση » Αναδυόμενα Παράθυρα και επιλέξτε την επιλογή εγγραφής της επιλογής σας:
Η ιδέα εδώ είναι να δώσετε στους επισκέπτες σας έναν ισχυρό λόγο για να εγγραφούν. Εάν χρειάζεστε βοήθεια με αυτό, ελέγξτε το άρθρο μας σχετικά με το πώς να δημιουργήσετε μια προσαρμοσμένη φόρμα εγγραφής για ειδοποιήσεις push.
Και αν θέλετε κάποια πρότυπα για να ξεκινήσετε, θα πρέπει να δείτε αυτό το άρθρο σχετικά με πρότυπα εγγραφής ειδοποιήσεων push με υψηλές μετατροπές.
Βήμα #5: Δημιουργήστε την πρώτη σας καμπάνια
Τώρα που η PWA σας μπορεί να στέλνει ειδοποιήσεις push, θα πρέπει να δημιουργήσετε μια πραγματική καμπάνια.
Μια καμπάνια εγκαταλελειμμένου καλαθιού βοηθά στη δημιουργία επιπλέον εσόδων μετατρέποντας τα εγκαταλελειμμένα καλάθια. Είναι μια απλή υπενθύμιση που πουλάει πολλά προϊόντα αυτόματα. Έτσι, είναι μια εξαιρετική καμπάνια για να υποστηρίξετε οποιαδήποτε σελίδα προορισμού που φέρνει άμεσες πωλήσεις.
Απλά μεταβείτε στον πίνακα ελέγχου του PushEngage και πηγαίνετε στο Καμπάνιες » Αυτόματες Καμπάνιες » Δημιουργία Νέας Αυτόματης Καμπάνιας:
Και στη συνέχεια, επιλέξτε το πρότυπο καμπάνιας Εγκατάλειψη Καλαθιού:
Αν είστε νέος στη δημιουργία αυτοματοποιημένων καμπανιών μάρκετινγκ, μπορείτε απλώς να ακολουθήσετε το άρθρο μας σχετικά με το πώς να ρυθμίσετε μια καμπάνια ειδοποιήσεων push για εγκαταλελειμμένο καλάθι. Ακολουθήστε κάθε βήμα και μπορείτε να ρυθμίσετε ειδοποιήσεις push όπως αυτή:
Και για κάθε ενδεχόμενο να αναρωτιέστε, δεν χρειάζεται να είστε ένα γνωστό όνομα για να είναι αποτελεσματικές οι καμπάνιες ειδοποιήσεων push. Στην πραγματικότητα, το PushEngage δημιουργήθηκε για να βοηθήσει τις μικρές επιχειρήσεις να αναπτυχθούν χρησιμοποιώντας ειδοποιήσεις push.
Αλλά πριν ξεκινήσετε το μάρκετινγκ του ιστότοπού σας, θα πρέπει να διορθώσετε τυχόν προβλήματα με τη διαδικασία συνδρομής ειδοποιήσεων push. Δείτε αυτό το άρθρο σχετικά με τη δοκιμή των ειδοποιήσεων push. Αν όλα λειτουργούν τέλεια, έχετε τελειώσει!
Συχνές Ερωτήσεις
Ε: Οι ειδοποιήσεις push PWA απαιτούν service worker;
Α: Ναι. Τα μηνύματα push PWA παραδίδονται από τον εγγεγραμμένο service worker, ο οποίος πρέπει να περιλαμβάνει χειρισμό συμβάντων push.
Ε: Μπορώ να στείλω ειδοποιήσεις push PWA στο iOS;
Α: Η υποστήριξη του iOS για web push που βασίζεται σε service worker είναι περιορισμένη· οι περιηγητές Android και desktop υποστηρίζουν ευρέως τις ειδοποιήσεις push PWA. (Αν έχετε ακριβή κατάσταση για το iOS, αντικαταστήστε με την τρέχουσα σύντομη δήλωση και παραθέστε.)
Ε: Ποιο είναι το πιο συνηθισμένο λάθος ενσωμάτωσης;
Α: Μεταφόρτωση ενός ξεχωριστού Push service worker στη ρίζα χωρίς τη συγχώνευσή του με τον υπάρχοντα service worker της PWA — με αποτέλεσμα συγκρούσεις και χαμένες συνδρομές.
Τι να Κάνετε Μετά την Προσθήκη Ειδοποιήσεων Push PWA;
Αυτό ήταν για αυτό το θέμα, φίλοι!
Μπορείτε πλέον να στέλνετε ειδοποιήσεις push PWA. Μέχρι τώρα, έχετε επίσης δημιουργήσει μια ισχυρή καμπάνια ειδοποιήσεων push για κινητά για να ενισχύσετε την ανάπτυξή σας. Όλα αυτά, σε λιγότερο από 10 λεπτά!
Δείτε πώς να δημιουργήσετε και άλλες αυτοματοποιημένες καμπάνιες ειδοποιήσεων push. Οι περισσότερες καμπάνιες push είναι απλές και αποτελεσματικές. Επομένως, συνιστούμε τη δημιουργία πολλαπλών καμπανιών για τον ιστότοπό σας. Ακολουθούν μερικές εξαιρετικές για να ξεκινήσετε:
- Πώς να στέλνετε αυτόματα ειδοποιήσεις push RSS
- Πώς να Ρυθμίσετε Ειδοποιήσεις Push Εγκατάλειψης Καλαθιού Χρησιμοποιώντας το GTM
- Πώς να Προγραμματίσετε Ειδοποιήσεις Push με τον Εύκολο Τρόπο [Οδηγός 5 Λεπτών]
Και αν δεν το έχετε κάνει ήδη, ξεκινήστε με το PushEngage. Το PushEngage είναι το λογισμικό ειδοποιήσεων push #1 στον κόσμο. Έτσι, οι καμπάνιες σας είναι σε ασφαλή χέρια.
