- HTTPS web sitesi: Web push yalnızca geçerli bir SSL sertifikasına sahip güvenli sitelerde çalışır
- Service worker: Web sitenize OneSignal service worker’ı ekleyebilmeniz gerekir
- Tek alan adı origin: Same-origin policy’yi takip etmelidir
- Kullanıcı izni: Kullanıcılar bildirimleri almak için açıkça izin vermelidir
- Desteklenen tarayıcılar: Çoğu modern tarayıcıda çalışır (Chrome, Firefox, Safari, Edge)
Web push geliştirici kılavuzları
Web push bildirimleri gönderebilmeniz için, geliştiricinin aşağıdaki adımları tamamlaması gerekir.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önet’e bakın.
Web SDK kurulumu
Localhost testi ve izin istemleri dahil olmak üzere OneSignal Web SDK’sını kurma ve yapılandırma hakkında eksiksiz kılavuz.
WordPress eklentisi
Resmi eklentimizi kullanarak WordPress’te push bildirimlerini hızlıca entegre edin—kodlama gerekmez.
iOS web push kurulumu
iOS 16.4+ çalıştıran iPhone ve iPad’lerde web push’u etkinleştirmek için Apple’a özgü adımları izleyin.
Başka bir sağlayıcıdan geçiş
Başka bir web push sağlayıcısından nasıl geçeceğinizi ve abonelerinizi nasıl koruyacağınızı öğrenin.
Yapılandırma seçenekleri
OneSignal kontrol panelinde Settings > Push & In-App > Web altında web sitenizi web push için kurun.
Tipik Site
Önerilir - İstemleri, hoş geldin bildirimini ve service worker kurulumunu doğrudan kontrol panelinde yapılandırın—backend kodlama gerekmez.
WordPress
WordPress sitenizde tam UI tabanlı yapılandırmayla push’u kolayca kurmak için resmi OneSignal eklentisini kullanın.
Özel Kod
Her şeyi kod aracılığıyla özelleştirmek isteyen geliştiriciler için tam kontrol kurulumu.
- Site Name: Varsayılan bildirim başlıklarında kullanılır
- Site URL: Alan adı origin’inizi tam olarak eşleştirmelidir (yol veya
wwwuyuşmazlığı yok) - Auto Resubscribe: Önerilir - Tarayıcı verilerini temizleyen geri dönen kullanıcıları otomatik olarak yeniden abone eder
- Default Icon URL: Bildirimlerde gösterilen
256x256pxresim (ayarlanmazsa, varsayılan bir zil simgesi kullanılır)
Otomatik yeniden abonelik
Kullanıcılar tarayıcı verilerini temizlerse, push bildirimleri almayı durduracaklar. Kullanıcıları sitenize geri döndüklerinde otomatik olarak yeniden abone etmek için bu seçeneği etkinleştirin. Daha fazla ayrıntı için Abonelikler’e bakın.
Web izin istemleri
Kullanıcılardan bildirim izni istemek, katılım için kritiktir. Kurulumunuza göre izin isteklerinin davranışını ve görünümünü özelleştirebilirsiniz.Web izin istemleri
Farklı istem türlerini (slidedown, kategori tabanlı, yerel, abonelik zili ve daha fazlası) karşılaştırın ve her birini ne zaman kullanacağınızı öğrenin.
Web SDK referansı
SDK kullanarak istemlerin ne zaman ve nasıl gösterileceğini programatik olarak nasıl kontrol edeceğinizi öğrenin.
Hoş geldin bildirimi
Bir kullanıcı abone olduktan hemen sonra gönderilen isteğe bağlı bir onay push’u etkinleştirebilirsiniz. Tipik ve WordPress entegrasyonu bunu kontrol panelinde ayarlayabilir.
OneSignal.init fonksiyonunda welcomeNotification nesnesini kullanır. Ayrıntılar için Web SDK referansı’na bakın.
Hoş geldin bildirimleri neden gönderin?
- Kullanıcıların başarıyla abone olduklarını bildirin
- Gelecekteki bildirimlerin nasıl görüneceğini gösterin
- Katılım içeriği veya sonraki adımlar sağlayın
Kullanıcılar ve abonelikler
Bir kullanıcı push’a abone olduğunda, OneSignal otomatik olarak tarayıcısına/cihazına bağlı benzersiz bir abonelik oluşturur. Web push abonelikleri kullanıcılar şunları yaptığında oluşturulur:- Belirli bir tarayıcı ve cihaz kullanarak web sitenizde push bildirimleri için izin verme
- Tarayıcı verilerini temizledikten sonra sitenize geri dönme (Otomatik Yeniden Abonelik etkinse)
- Yeni bir tarayıcı veya cihazdan abone olma
Her tarayıcı/cihaz kombinasyonu ayrı bir Abonelik oluşturur. Gizli/özel tarama modu Abonelik oluşturamaz. Web push Abonelikleri, onlara bir External ID atanana kadar anonim kalır.
Kullanıcılar
Kullanıcıları nasıl yöneteceğinizi, External ID’leri nasıl atayacağınızı ve etkinliklerini nasıl izleyeceğinizi öğrenin.
Abonelikler
Aboneliklerin tarayıcılar ve cihazlar genelinde nasıl çalıştığını anlayın.
Segmentler
Kullanıcıları davranış, cihaz ve daha fazlasına göre hedeflemek için segmentlere ayırın.
iOS Desteği
Apple, iOS 16.4+ çalıştıran iPhone ve iPad’ler için web push desteği ekledi ancak daha katı gereksinimlerle:- Kullanıcılar sitenizi Ana Ekranlarına eklemelidir
- İzin istemleri yalnızca bu adımdan sonra gösterilir
- Bildirimler, etkinleştirildikten sonra yerel uygulama uyarıları gibi davranır
iOS için Web push
Service worker ve manifest kurulumu dahil olmak üzere iOS desteğini etkinleştirmek için adım adım talimatlar.
Ana Ekrana ekleme kılavuzu
iOS web push alabilmeleri için kullanıcıları sitenizi yüklemeye teşvik etme ipuçları.
Web push bildirimlerini tasarlayın
Etkili push bildirimleri oluşturmak, metin yazmaktan daha fazlasını içerir. Hangi öğelerin özelleştirilebilir olduğunu ve bunları etkili bir şekilde nasıl kullanacağınızı öğrenin.
- Başlık: Dikkat çeken başlık (önerilir:
50karakterin altında) - Mesaj: Ana bildirim içeriği (önerilir:
120karakterin altında) - İkon: Marka ikonunuz veya bildirime özgü resim (önerilir:
256x256pxPNG veya JPG) - 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ı/uygulama
- Alan Adı: Tarayıcı tarafından otomatik olarak ayarlanan site origin’iniz
- Zaman Damgası ve Kapat: Tarayıcı bu kontrolleri ekler
- 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.
Mesaj kişiselleştirme ve yerelleştirme
Push mesajlarını her kullanıcının tercihleriyle ve diliyle eşleşecek şekilde özelleştirebilirsiniz.Mesaj Kişiselleştirme
Mesajları uyarlamak için dinamik değişkenler (ad veya tercihler gibi) ekleyin.
Çok Dilli Mesajlaşma
Mesajları otomatik olarak her kullanıcının tercih ettiği dilde iletin.
Web push davranışını yapılandırın
Push mesajlarınızın gönderdikten sonra nasıl davrandığını—ne zaman göründüklerini, ne kadar süre saklandıklarını ve kullanıcıların nasıl etkileşime girdiklerini—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ışı
Bir kullanıcı bir bildirime tıkladığında ne olacağını kontrol edin. Varsayılan olarak: Tıklamak ana sayfanızı açar. Özelleştirin:- Kullanıcıları belirli bir URL’ye yönlendirin
- UTM takibi kullanın
?_osp=do_not_openile varsayılan davranışı bastırın
URL'ler, Bağlantılar ve Derin Bağlama
Derin bağlantılar ve takip kullanarak kullanıcıları ilgili içeriğe veya sayfalara yönlendirin.
Eylem düğmeleri
Kullanıcıların bildiriminizden hemen eylem almasını sağlayın.
SDK Push Bildirim Olay Dinleyicileri
Tıklama olaylarını dinleyin ve özel kodla uygulama içi davranışı tetikleyin.
Kurulumunuzu test edin
Başlatmadan önce, web push implementasyonunuzu cihazlar ve tarayıcılar genelinde kapsamlı bir şekilde test edin.Başlatma öncesi kontrol listesi
- SDK hatasız olarak doğru şekilde yüklendi
- İzin istemi görünür ve işlevseldir
- Test bildirimi gönderildi ve alındı
- İkonlar ve resimler doğru şekilde işlenir
- Service worker kaydedildi ve güncel
- HTTPS sertifikası geçerli
Push analitik ve sorun giderme
Bildirim performansını ölçün ve yaygın teslimat sorunlarını giderin: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 işleme sorunlarını düzeltin.
Sonraki adımlar
A/B Testi
Katılımı 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 hedefleme için kullanıcı düzeyinde veri ekleyin.
Analitik
Kanallar genelinde katılım ve dönüşüm metriklerini izleyin.
Sıkça sorulan sorular
Kullanıcılar iOS’ta web push’a abone olabilir mi?
Evet, iOS 16.4+‘dan itibaren. Kullanıcıların önce web sitenizi Ana Ekranlarına eklemesi, ardından bildirim izni vermesi gerekir. Tam kurulum adımları için iOS için Web push’a bakın.Bir kullanıcı neden web push bildirimleri almayı bıraktı?
En yaygın neden, kullanıcının push Aboneliğini kaldıran tarayıcı verilerini temizlemesidir. Geri dönen kullanıcıları otomatik olarak yeniden abone etmek için web push ayarlarınızda Otomatik yeniden abonelik’i etkinleştirin. Ayrıntılar için Abonelikler’e bakın.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 abonelikler ö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 aynı-kaynak politikasını 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’ler ve diğer alt alan adlarına izin verilmez. Kurulum seçenekleri için Birden fazla site ve alt alan adı’na bakın.