Ana içeriğe atla

​
Genel Bakış

Web push bildirimleri, kullanıcıları yeniden etkileşime sokmanın ve web sitenizde aktif olarak gezinmediklerinde önemli bilgileri iletmenin güçlü bir yoludur. Metin, resimler, eylem düğmeleri dahil olmak üzere zengin içeriği desteklerler ve kullanıcı saklama ve etkileşimini artırmaya yardımcı olabilirler.

Web push bildirimleri, sitenizde olmadıklarında bile kullanıcılara ulaşmanıza yardımcı olur

Web push’un çalışması için:
  • HTTPS web sitesi: Web push yalnızca geçerli bir SSL sertifikasına sahip güvenli sitelerde çalışır
  • 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)
Önemli kısıtlamalar:
  • Kullanıcılar Gizli veya özel tarama modundayken abone olamazlar
  • iOS cihazlar ek kurulum gerektirir (iOS için Web push’a bakın)
  • Bazı tarayıcılar bildirim limitleri olabilir veya kullanıcı etkileşimi gerektirebilir, Web Push SSS’ye bakın
Bu kılavuz, OneSignal push bildirimlerini başarıyla uygulamanıza yardımcı olmak için SDK kurulumundan kişiselleştirilmiş push mesajları göndermeye kadar her adımı anlatır.

​
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.

OneSignal ayarlarınızda web platformunu etkinleştirin

Sitenize uyan entegrasyon türünü seçin:

Web sitenizin kurulumuna göre entegrasyon türünüzü seçin


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 ayrıntıları:
  • 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 www uyuş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 256x256px resim (ayarlanmazsa, varsayılan bir zil simgesi kullanılır)

​
Otomatik yeniden abonelik

Web push ile önemli bir kavram, kullanıcılar tarayıcı verilerini temizlerse, push bildirimleri almayı durduracaklarıdır. 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.

OneSignal kontrol panelinde web ayarları

​
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. En iyi uygulamalar:
  • Faydayı açıklayan net mesajlaşma kullanın
  • Kullanıcıları doğru zamanda isteme alın (örneğin etkileşimden sonra)
  • Yerel tarayıcı diyaloğunu tetiklemeden önce ön istem kullanın

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.

Hoş geldin bildirimleri başarılı aboneliği onaylar ve değeri gösterir

Özel Kod entegrasyonu, 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 abonelikleri anlama

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
Önemli notlar:
  • 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

OneSignal Kontrol Paneli: Audience > Users


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.

Kitlenizin Ana Ekrana eklemesini sağlama

iOS web push alabilmeleri için kullanıcıları sitenizi yüklemeye teşvik etme ipuçları.

​
Web push bildirimlerini tasarlayın

İyi bir push bildirimi oluşturmak, metin yazmaktan daha fazlasını içerir. Tasarım önemlidir. Hangi öğelerin özelleştirilebilir olduğunu ve bunları etkili bir şekilde nasıl kullanacağınızı öğrenin.

Web push bildirim anatomisi - 1-6 öğelerini özelleştirin, 7-9 tarayıcı tarafından kontrol edilir

  1. Başlık: Dikkat çeken başlık (önerilir: 50 karakterin altında)
  2. Mesaj: Ana bildirim içeriği (önerilir: 120 karakterin altında)
  3. İkon: Marka ikonunuz veya bildirime özgü resim (önerilir: 256x256px PNG veya JPG)
  4. Büyük Resim: Göz alıcı görsel içerik
  5. Eylem Düğmeleri: Harekete geçirici düğmeler
  6. Tarayıcı: Push’u görüntüleyen tarayıcı/uygulama
  7. Alan Adı: Tarayıcı tarafından otomatik olarak ayarlanan site origin’iniz
  8. Zaman Damgası ve Kapat: Tarayıcı bu kontrolleri ekler
  9. 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_open ile 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 güncellendi
  • HTTPS sertifikası geçerli

​
Push analitik ve sorun giderme

Bildirim performansını ölçün ve iyileştirin:

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.
Tebrikler! Web push bildirim kurulumunuz tamamlandı.Sonraki adımlar:
  • A/B Testi: Deneylerle mesajları optimize edin
  • Yolculuklar: Otomatik mesajlaşma akışları oluşturun
  • Etiketler: Hedefleme için kullanıcı düzeyinde veri ekleyin
  • Analitik: Etkileşim ve dönüşüm metriklerini izleyin