PWA anlık bildirimleri eklemenin basit bir yolunu mu arıyorsunuz?
Progressive Web Apps (PWA'lar), herhangi bir cihazda çalışan uygulamalardır. Ancak web anlık bildirimleri gönderme konusunda her zaman bazı sorunlar yaşanır. Genellikle en büyük sorun teslimat oranlarıdır. PWA'nıza birçok yolla web anlık bildirim ekleyebilirsiniz. Peki, PWA'nızdan gerçekten teslim edilen web anlık bildirimleri nasıl gönderirsiniz?
Endişelenmeyin! Bu makalede, 10 dakikadan kısa sürede güvenilir teslimat oranlarıyla PWA anlık bildirimlerini nasıl gönderebileceğinizi adım adım göstereceğiz.
Hadi başlayalım.
ÖZET — PWA anlık bildirimleri nedir? Progressive Web App (PWA) anlık bildirimleri, kayıtlı servis çalışanınız aracılığıyla gönderilen standart web anlık bildirim mesajlarıdır ve web'den yüklenen uygulamaların, web sayfası kapalıyken bile anlık bildirim almalarını sağlar.
Bugün PWA Anlık Bildirimleri Gönderin!
Anlık bildirimler, tekrar eden trafiğinizi, etkileşiminizi ve satışlarınızı otomatik olarak artırmanıza yardımcı olan süper etkili, düşük maliyetli bir pazarlama aracıdır.
PWA Anlık Bildirimleri Nasıl Kurulur
Bir Progressive Web App'e anlık bildirim eklemek oldukça basittir. Bu makaledeki adımları izlemeniz yeterlidir. Her adımı takip ederseniz, bu makalenin sonunda, buna benzer anlık bildirimler gönderebileceksiniz:
- PWA mantığını ve anlık bildirim işlemesini birleştiren bir servis çalışanını site kök dizininde kaydedin.
- PushEngage betiğini yükleyin ve kurulum kodunu
<head>içine yapıştırın. - Onay istemi penceresini yapılandırın ve PushEngage kontrol panelinde bir kampanya oluşturun.
Ana zorluk, tüm web anlık bildirim yazılımlarının service_worker.js adlı bir Javascript dosyası kullanmasıdır. Servis çalışanı, açılır pencereler aracılığıyla anlık bildirim aboneleri toplamanıza yardımcı olur. Ancak tüm PWA'ların zaten farklı bir amaca hizmet eden bir servis çalışanı dosyası vardır. Ve bir zamanda, PWA'nız yalnızca bir servis çalışanı kullanabilir.
Basitçe söylemek gerekirse, web anlık bildirim hizmetleri PWA'nızı karıştırır. Bu nedenle, bazen anlık bildirim aboneleri toplar, bazen toplamaz. Bazen bildirim gönderebilir, bazen gönderemezsiniz. Hatta anlık mesajları tüm abone listenize göndermeye çalışıp sadece birkaç aboneye teslim edilmiş bulabilirsiniz.
PWA anlık bildirimleri göndermek için PushEngage kullanmanızı öneririz. PushEngage, dünyada 1 numaralı anlık bildirim yazılımıdır. Bu nedenle, kampanyalarınızın güvende olduğunu bilirsiniz.
Elbette, Mendix gibi PWA oluşturucular kendi anlık bildirim sistemleriyle birlikte gelir. Peki ya başka bir anlık bildirim hizmetine geçmek isterseniz? Anlık bildirim kampanyalarınız üzerinde daha fazla esneklik ve kontrol istiyorsanız ne olacak? Dahası, bu hizmetler genellikle anlık bildirim kampanyaları oluşturmanız için size bir API sunar. Ancak PushEngage ile anlık bildirim kampanyaları oluşturabileceğiniz, zamanlayabileceğiniz, gönderebileceğiniz ve yönetebileceğiniz kullanımı kolay bir kontrol paneline sahip olursunuz.
Ve evet, Android uygulama anlık bildirimleri göndermek için Firebase Cloud Messaging (FCM) kullanabilirsiniz. Ancak PushEngage ile Android uygulama ve web anlık bildirimleri, iOS ve iPadOS web ve uygulama anlık bildirimleri ve tarayıcı anlık bildirimleri gönderebilirsiniz.
En iyi yanı? Birkaç tıklamayla güçlü e-ticaret anlık bildirimleri bile gönderebilirsiniz.
| Gerçek | Değer |
|---|---|
| Birincil teslimat mekanizması | Servis çalışanı (anlık bildirim aboneliği) |
| Tipik kurulum süresi | ~10 dakika (temel) |
| Ortak gereksinim | Kök kapsamlı service_worker.js + manifest.json |
| Şunlarda çalışır | Çoğu masaüstü tarayıcısı ve Android (platforma göre değişir) |
Başlayalım.
Adım #1: PushEngage Hesabınızı Kurun
PushEngage ana sayfasına gidin ve Başlayın düğmesine tıklayın:
PushEngage'ı ücretsiz olarak deneyebilirsiniz. Tekrar trafik ve etkileşim gerektiren küçük bir blog çalıştırıyorsanız, bu muhtemelen yeterli olacaktır. Ancak satışlar konusunda ciddiyseniz, Enterprise paketini almalı ve otomatik kampanyaların kilidini açmalısınız.
PushEngage hesabınıza kaydolduktan sonra, PushEngage kontrol panelinize gidin ve Site Ayarları » Site Detayları bölümüne gidin:
Burada logonuzu, site adınızı ve site URL'nizi ayarlayabilirsiniz. Tüm kurulumunuzu daha sonra test edebilmeniz için bu şeyleri şimdi halletmeniz gerçekten önemlidir.
Adım #2: PushEngage'dan Kurulum Kodunu Alın
Anlık bildirimleri yüklemek için bir yükleme kodu almanız gerekecektir. Site Ayarları ekranınızda aşağı kaydırın ve Kurulum Talimatları İçin Buraya Tıklayın düğmesine tıklayın:
Ardından, Herhangi Bir Site sekmesine tıklayın:
Anlık bildirim göndermeye başlamak için Javascript kodunu kullanabilirsiniz.
Adım #3: PWA Anlık Bildirimleri İçin Servis Çalışanı Kodunu Ekleyin
İşlemin en zor kısmı nihayet burada. PushEngage kontrol panelinde Kurulum Talimatları altında, servis çalışanı dosyasını indirme seçeneğini de göreceksiniz.
ÖNEMLİ: Bir PWA aynı anda yalnızca bir aktif servis çalışanı kapsamına sahip olabilir — anlık bildirim kodunu mevcut servis çalışanınıza birleştirin. Varsayılan olarak, bir PWA servis çalışanı dosyası gerektirmez. Herhangi bir siteyi İlerici Web Uygulamasına dönüştürmek için ihtiyacınız olan tek şey bir manifest dosyasıdır. Bu nedenle, PWA'nızda bir servis çalışanı dosyası yoksa, PushEngage servis çalışanını web sitenizin veya web uygulamanızın kök dizinine ekleyebilirsiniz.
Ancak PWA'nızda zaten bir servis çalışanı varsa, PushEngage anlık bildirim servis çalışanı dosyasını olduğu gibi yüklemeyin. PushEngage servis çalışanını Not Defteri gibi bir metin düzenleyicide açın ve PushEngage servis çalışanı dosyasındaki kodu kopyalayın. Ardından, PWA'nızın servis çalışanı dosyasını bulun ve PushEngage servis çalışanı kodunu dosyaya ekleyin.
Bu adımı ihmal ederseniz, anlık bildirim aboneleri toplayamazsınız.
Adım #4: PushEngage Onayını Yapılandırın
Şimdi PushEngage kontrol panelinize geri dönün. Tasarım » Açılır Modallar bölümüne gidin ve istediğiniz kaydolma seçeneğini belirleyin:
Buradaki fikir, ziyaretçilerinize abone olmaları için sağlam bir neden vermektir. Bu konuda yardıma ihtiyacınız varsa, özel bir anlık bildirim kayıt formu nasıl oluşturulur hakkındaki makalemize göz atın.
Ve başlamanız için bazı şablonlar isterseniz, yüksek dönüşüm sağlayan anlık bildirim kaydolma seçenekleri hakkındaki bu makaleye göz atmalısınız.
Adım #5: İlk Kampanyanızı Oluşturun
Artık PWA'nız anlık bildirim gönderebildiğine göre, gerçek bir kampanya oluşturmalısınız.
Terk edilmiş sepet kampanyası, terk edilmiş sepetleri dönüştürerek ek gelir elde etmenize yardımcı olur. Otomatik olarak çok sayıda ürün satan basit bir hatırlatmadır. Bu nedenle, doğrudan satış getiren herhangi bir açılış sayfasını desteklemek için harika bir kampanyadır.
PushEngage kontrol panelinize gidin ve Kampanyalar » Tetiklenen Kampanyalar » Yeni Bir Tetiklenen Kampanya Oluştur bölümüne gidin:
Ardından, Sepet Terk Etme kampanya şablonunu seçin:
Otomatik pazarlama kampanyaları oluşturma konusunda yeniyseniz, terk edilmiş sepet anlık bildirim kampanyası nasıl kurulur hakkındaki makalemizi takip edebilirsiniz. Her adımı izleyin ve bunun gibi anlık bildirimler ayarlayabilirsiniz:
Ve merak edenler için, anlık bildirim kampanyalarınızın etkili olması için büyük bir marka olmanıza gerek yok. Aslında PushEngage, küçük işletmelerin anlık bildirimler kullanarak büyümesine yardımcı olmak için oluşturuldu.
Ancak sitenizi pazarlamaya başlamadan önce, anlık bildirim abonelik sürecinizdeki sorunları düzeltmelisiniz. Anlık bildirimlerinizi test etme hakkındaki bu makaleye göz atın. Her şey mükemmel çalışıyorsa, işiniz bitti!
Sıkça Sorulan Sorular
S: PWA anlık bildirimler servis çalışanı gerektirir mi?
C: Evet. PWA anlık bildirimleri, anlık olay işleme içermesi gereken kayıtlı servis çalışanı tarafından teslim edilir.
S: iOS'ta PWA anlık bildirim gönderebilir miyim?
C: Servis çalışanı tabanlı web anlık bildirimleri için iOS desteği sınırlıdır; Android ve masaüstü tarayıcıları PWA anlık bildirimlerini yaygın olarak destekler. (Kesin iOS durumu hakkında bilginiz varsa, mevcut kısa ifadeyle değiştirin ve alıntı yapın.)
S: En sık yapılan entegrasyon hatası nedir?
C: Push servis çalışanını köke ayrı olarak yükleyip PWA'nın mevcut servis çalışanı ile birleştirmemek - bu da çakışmalara ve kaçırılan aboneliklere yol açar.
PWA Anlık Bildirimleri Ekledikten Sonra Ne Yapmalı?
Bu kadar, millet!
Artık PWA anlık bildirimleri gönderebilirsiniz. Bu zamana kadar, büyümenizi artırmak için güçlü bir web anlık bildirim kampanyası da oluşturdunuz. Tüm bunlar, 10 dakikadan kısa sürede!
Ayrıca diğer otomatik anlık bildirim kampanyalarını nasıl oluşturacağınızı da inceleyin. Çoğu anlık bildirim kampanyası basit ve etkilidir. Bu nedenle, siteniz için birden fazla kampanya ayarlamanızı öneririz. İşte başlamak için birkaç harika kampanya:
- Otomatik Olarak RSS Anlık Bildirimleri Gönderme
- GTM Kullanarak Sepet Terk Etme Anlık Bildirimleri Nasıl Kurulur
- Anlık Bildirimler Kolayca Nasıl Zamanlanır [5 Dakikalık Rehber]
Ve henüz yapmadıysanız, PushEngage ile başlayın. PushEngage, dünyada 1 numaralı anlık bildirim yazılımıdır. Bu nedenle kampanyalarınız güvende.
