Perşembe 30 Mart 2023
Hakkında
Yazarlarımız
Reklam
Künye
İletişim
Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı

Bülten

Sosyal Medya Yasası Kabul Edildi

Binance ‘e Siber Saldırı

Webmaster.Kitchen – Türkiye'nin Webmaster MutfağıWebmaster.Kitchen – Türkiye'nin Webmaster Mutfağı
  • BAŞLARKEN
    • KOD
      • PHP
      • Asp.Net
      • Swift
      • MySQL
      • CMS
  • TASARIM
    • İpuçları
    • Çizim
    • Illustrator
    • Photoshop
    • Trendler
  • ARAYÜZ
    • JavaScript
    • HTML5
    • CSS
    • REACT
  • İPUÇLARI
    • API
    • Güvenlik
    • IDE
    • Framework
    • OS
    • Verimlilik
    • İçerik
      • Dökümantasyon
      • İpuçları
      • Nasıl Oluşturulur?
  • KAYNAKLAR
    • Tasarım
    • Kod
    • İş
  • GİRİŞİM
    • Finans
    • Girişimci
    • Nasıl yapılır?
  • ARAÇLAR
  1. Anasayfa
  2. JavaScript
  3. Push.js ile Tarayıcıya Push Bildirimleri Gönder
 Push.js ile Tarayıcıya Push Bildirimleri Gönder
JavaScript

Push.js ile Tarayıcıya Push Bildirimleri Gönder

Yazar : Bilal UÇAR 5 Temmuz 2017 2 Comments

Yerel mobil uygulamalar her zaman push bildirimlerini destekledi. Ancak web kısmında bu bildirimler yoktur. Notifications API sayesinde artık web bildirimleri de kullanılabilir halde.

Notifications API, JavaScript aracılığıyla çalışır. Push bildirimlerini tarayıcı penceresinden kullanıcının bilgisayarına doğrudan göndermenizi sağlar. Kurulumu da çok zor olduğu söylenemez.

Push.js, birkaç temel JavaScript bildirimi ile tüm temel push bildirim özelliklerini işleyen ücretsiz push notification kütüphanesidir.

Bu tarayıcı tabanlı bildirimler yenidir ve birçok site tarafından kullanılmaz. Kullanıcılar siteye ilk girdiklerinde çıkan uyarı penceresinde bildirimlere izin vermelidir. Eğer insanlar web sitenize güveniyorsa bu pencereyi onaylayacaklardır.


Push notification sayesinde ziyaretçilerinize en yeni blog yayınlarınızı, sitede olan güncellemeleri hatta haber bültenine kaydolma isteklerine giden bağlantıları gönderebilirsiniz. Bu işlemleri Push.js ile göndermek oldukça basittir.

Kütüphaneyi isterseniz npm veya Bower’dan veya doğrudan GitHub’dan indirebilirsiniz.

Buradan push bildirimini oluşturmak için sayfanıza bazı temel JavaScript eklemeniz gerekir. Kullanıcı sitenizdeki isteği kabul ederse, gönderdiğiniz tüm yeni bildirimleri sürekli alacaktır. Oldukça havalı!

Bildirim üstbilgisini, ana içeriği ve otomatik kapanma saati gibi diğer özellikleri ayarlayabilirsiniz.

İşte Push.js web sitesinden örnek bir snippet:

Bu kütüphaneyi sitenizde yayınlamak için fazla JavaScript bilmeniz gerekmez. Belgelere kopyalayıp yapıştırırsanız, push bildirimleri 15 dakikadan daha kısa bir sürede yayınlanır.

Herkes bu tarayıcı bildirimlerini beğenmiyor ve bu kitaplık kesinlikle her web sitesinde yararlı olmayacak. Ancak, bunu denemek istiyorsanız, kurmanız oldukça kolay.

Bu makalede sitenize gelen ziyaretçilere bildirim göndermenize olanak sağlayan Push.js kütüphanesinden bahsettik. Bu konu hakkında düşüncelerinizi yorum yaparak bizlerle paylaşabilirsiniz.

Etiketler: chrome bildirim göndermek firefox bildirim göndermek push notification javascript kütüphanesi tarayıcı bildirimleri web bildirimleri
Önceki Yazı
Sonraki Yazı

Bilal UÇAR (Website)

administrator

Front-end Developer @Webmaster.Kitchen. Front-end developer olarak çalışıyorum. Bu konuda öğrendiklerimi sizlerle paylaşmaya çalışıyorum. Siz de yaptığınız çalışmaları, edindiğiniz bilgileri paylaşabilirsiniz. Yorum alanı ile mutfağa katkıda bulunun.

2 Yorumlar

  • lovibu says:
    19 Şubat 2018 at 01:13

    hocam facebook gibi biri mesaj attiginda chrome uzerinden anlik bildirim geliyo telefona bunun gbi bildirim nasil yapilabilir sitede birisi bir kullanicinin resmini begendi diyelim chrome uzerndn bildidim gelebilirmi

    Reply
    • Bilal UÇAR says:
      19 Şubat 2018 at 13:28

      Hocam bu konu web push notification olarak geçer. Bildiğim kadarıyla mobil içinde destekleyen tarayıcılarda çalışıyor. Araştırmanızı tavsiye ederim. Ben de bu konuyu bir makaleyle ele almak istiyorum.

      Reply

Yorum Yap Yorumu İptal Et.

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Taze Yazılar
Güncel

Sosyal Medya Yasası Kabul Edildi

14 Ekim 2022
Blockchain

Binance ‘e Siber Saldırı

8 Ekim 2022
Blockchain

Binance ‘den Ücretsiz Eğitim

5 Ekim 2022
Güncel

Japonya için Yenilenen Corolla

4 Ekim 2022
© 2021 Webmaster Kitchen. Tüm Hakları Saklıdır.