Web push bildirimleri, kullanıcılar sitenizde olmasa bile onlara ulaşır
- Geçerli bir SSL sertifikasına sahip güvenli bir HTTPS web sitesi
- OneSignal service worker’ı web sitenize ekleyebilme
- Same-origin policy’yi takip eden tek bir kaynak (origin)
- Bildirimleri almak için kullanıcı izni
- Desteklenen tarayıcılar (Chrome, Firefox, Safari, Edge)
Kurulum kılavuzunuzu seçin
Bu site kurulum yollarından birini tamamlayın.Geliştirici değil misiniz? OneSignal projenize geliştirici erişimi olan bir takım arkadaşını davet etmek için Takım üyelerini yönetme’ye bakın.
Web SDK kurulumu
Typical Site: kontrol panelini yapılandırın, service worker’ı yükleyin ve JavaScript SDK’sını ekleyin.
WordPress eklentisi
Resmi OneSignal eklentisi. JavaScript SDK veya service worker yüklemesi gerekmez.
Shopify kurulumu
Shopify’ı Vendo entegrasyonu üzerinden bağlayın. Vendo, SDK’yı mağazanızda dağıtır.
Başka bir sağlayıcıdan geçiş
Başka bir web push sağlayıcısından taşının ve aboneliklerinizi koruyun.
manifest.json ekleyin ve kullanıcıların sitenizi Ana Ekranlarına eklemesini sağlayın.
iOS web push kurulumu
Bir site kurulum yolunu tamamladıktan sonra ek Apple gereksinimleri.
Entegrasyon türleri
OneSignal kontrol panelinde Settings > Push & In-App > Web’e gidin ve sitenize uyan entegrasyon türünü seçin.
Web sitenizin kurulumuna göre entegrasyon türünüzü seçin
Typical Site
Önerilir. İstemleri, hoş geldin bildirimini ve service worker yolunu kontrol panelinde yapılandırın.
WordPress
Resmi OneSignal WordPress eklentisini kullanıyorsanız gereklidir.
Özel Kod
İstemler ve
init seçenekleri üzerinde kodla tam kontrol.Web izin istemleri
Kullanıcılar web push alabilmeden önce izin vermelidir. Tarayıcılar bu izin için yerel bir sistem diyaloğu gösterir. OneSignal, değeri açıklayabilmeniz ve tarayıcının tekrarlanan yerel istemleri engellemesini önleyebilmeniz için önce özelleştirilebilir bir ön istem önerir. Typical Site ve WordPress: istemleri OneSignal kontrol panelinde istediğiniz zaman ekleyin, kaldırın ve güncelleyin. Özel Kod: istemleriOneSignal.init() içinde kontrol edin. Web SDK referansı’na bakın.
Web izin istemleri
Slidedown, kategori, yerel, abonelik zili ve diğer istem türlerini karşılaştırın.
Web SDK referansı
Web SDK ile istemleri kodla gösterin veya gizleyin.
iOS, kullanıcı sitenizi Ana Ekranına ekleyene kadar izin istemini göstermez. iOS için web push’a bakın.
Kullanıcılar ve abonelikler
Bir kullanıcı push’a abone olduğunda, OneSignal o tarayıcıya ve cihaza bağlı bir abonelik oluşturur. Web push abonelikleri kullanıcılar şunları yaptığında oluşturulur:- Belirli bir tarayıcı ve cihazda web sitenizde push bildirimleri için izin verme
- Tarayıcı verilerini temizledikten sonra sitenize geri dönme (Auto Resubscribe etkinse)
- Yeni bir tarayıcı veya cihazdan abone olma
Her tarayıcı ve cihaz kombinasyonu ayrı bir abonelik oluşturur. Gizli ve özel tarama modu abonelik oluşturamaz. Web push abonelikleri, bir External ID atayana kadar anonim kalır.
OneSignal kontrol paneli: Audience > Users
Kullanıcılar
Kullanıcıları yönetin, External ID’ler atayın ve etkinliklerini izleyin.
Abonelikler
Aboneliklerin tarayıcılar ve cihazlar genelinde nasıl çalıştığı.
Segmentler
Davranış, cihaz ve daha fazlasına göre hedeflemek için kullanıcıları segmentlere ayırın.
Web push bildirimlerini tasarlayın
Web push bildirimleri başlıkları, mesajları, ikonları, resimleri ve eylem düğmelerini destekler. Diyagram, hangi öğeleri özelleştirebileceğinizi (1–5) ve hangilerini tarayıcının kontrol ettiğini (6–9) gösterir.
Web push bildirim anatomisi. 1–5 öğelerini özelleştirin. Tarayıcı 6–9'u kontrol eder.
- Başlık: Dikkat çeken başlık (önerilir: 50 karakterin altında)
- Mesaj: Ana bildirim içeriği (önerilir: 120 karakterin altında)
- İkon: Kare marka ikonu (önerilir:
256×256PNG, JPG veya animasyonsuz GIF) - Büyük resim: Göz alıcı görsel içerik
- Eylem düğmeleri: Harekete geçirici düğmeler
- Tarayıcı: Push’u görüntüleyen tarayıcı
- Alan adı: Tarayıcı tarafından ayarlanan site kaynağınız (origin)
- Zaman damgası ve kapatma: Tarayıcı tarafından eklenen kontroller
- Daha fazla seçenek: Tarayıcıya özgü ek kontroller
Push genel bakış
Push bildirim oluşturma, seçenekler ve teslimat davranışının tam genel bakışı.
Şablonlar
Tutarlı mesajlaşma için yeniden kullanılabilir şablonlarla zaman kazanın.
Kişiselleştirme ve yerelleştirme
Push mesajlarını her kullanıcının tercihleriyle ve diliyle eşleşecek şekilde özelleştirin.Mesaj kişiselleştirme
Mesajları uyarlamak için ad veya tercihler gibi dinamik değişkenler ekleyin.
Çok dilli mesajlaşma
Mesajları her kullanıcının tercih ettiği dilde iletin.
Web push davranışını yapılandırın
Mesajların ne zaman görüneceğini, ne kadar süre saklanacağını ve tıklamada ne olacağını kontrol edin.Teslimat, görüntüleme ve kapatma ayarları
Throttling
Bildirim teslimat hızını kontrol edin.
Frequency Capping
Aynı kullanıcıya aşırı bildirim gönderilmesini önlemek için limitler ayarlayın.
Time to live (TTL)
Cihaz çevrimdışıyken push hizmetlerinin mesajları ne kadar süre tuttuğunu tanımlayın.
Web push topic
Yinelenen bildirimleri gruplamak, değiştirmek veya bastırmak için konuları kullanın.
Tıklama davranışı
Başlatma URL’sini ve bir tıklamanın açık bir sekmeyi nasıl odaklayacağını veya yönlendireceğini seçin.
Kurulumunuzu test edin
Tüm kitlenize göndermeden önce entegrasyonu tarayıcılar genelinde doğrulayın.Başlatma öncesi kontrol listesi
- SDK, konsol hatası olmadan yüklendi
- İzin istemi görünüyor ve doğru çalışıyor
- Test bildirimi gönderildi ve alındı
- İkonlar ve resimler doğru şekilde görüntüleniyor
- Service worker kaydedildi ve güncel
- HTTPS sertifikası geçerli
Analitik ve sorun giderme
Push mesaj raporları
Her mesaj için teslimat, açılma oranı ve tıklama oranı metriklerini görüntüleyin.
Analitik genel bakış
Kanallar genelinde etkileşim ve kullanıcı davranış metriklerini keşfedin.
Bildirimler gösterilmiyor veya gecikmeli
Mesajlar görünmüyorsa sorun giderme kontrol listesi.
Bildirim resimleri gösterilmiyor
Farklı tarayıcılarda resim görüntüleme sorunlarını düzeltin.
Sonraki adımlar
A/B testi
Etkileşimi neyin artırdığını bulmak için deneylerle mesajları optimize edin.
Yolculuklar
Kullanıcı davranışıyla tetiklenen otomatik, çok adımlı mesajlaşma akışları oluşturun.
Etiketler
Kişiselleştirme ve segmentasyon için kullanıcılara özel özellikler ekleyin.
SSS
Kullanıcılar iOS’ta web push’a abone olabilir mi?
Evet, iOS 16.4+ sürümünden itibaren. Önce Typical Site, Özel Kod, WordPress veya Shopify kurulumunu tamamlayın, ardından birmanifest.json ekleyin ve kullanıcıların sitenizi Ana Ekranlarına eklemesini sağlayın. iOS web push kurulumu’na bakın.
Bir kullanıcı neden web push bildirimleri almayı bıraktı?
En yaygın nedenler şunlardır:- Kullanıcı tarayıcı verilerini temizledi. Web Push ayarlarınızda Auto Resubscribe seçeneğini etkinleştirdiyseniz, sitenize geri döndüklerinde otomatik ve sessizce yeniden abone edilirler.
- Kullanıcı, işletim sistemi ayarlarında push bildirimlerini kapattı. Push bildirimlerini tekrar alabilmek için sitenize manuel olarak yeniden abone olmaları gerekir.
Web push bildirimleri gizli veya özel tarama modunda çalışır mı?
Hayır. Kullanıcılar gizli veya özel tarama modundayken web push’a abone olamazlar. Normal bir oturumda oluşturulan aboneliklere özel modda erişilemez.Hangi tarayıcılar web push bildirimlerini destekler?
Chrome, Firefox, Safari (macOS ve iOS 16.4+) ve Edge tümü web push’u destekler. Her tarayıcının farklı istem davranışı ve bildirim görüntülemesi olabilir. Tarayıcıya özgü ayrıntılar için Web push SSS’ye bakın.Web push ile alt alan adlarını kullanabilir miyim?
Her alt alan adı (örneğin,app.example.com ile shop.example.com) ayrı bir kaynaktır. Tarayıcılar web push için same-origin policy’yi uygular, bu nedenle her alt alan adı kendi OneSignal uygulamasını gerektirir. Service worker da abone olunan sayfayla aynı kaynakta barındırılmalıdır. CDN’lere ve diğer alt alan adlarına izin verilmez. Birden fazla site ve alt alan adı’na bakın.