Websitesinde Kullanıcıya Bildirim Gönderme

Sezai AlkanFrontend Developer

Diğer #javascript #anlikbildirim

Web Sitenizde Kullanıcılara Anlık Bildirim Gönderebilirsiniz. Bunu Gerçekleştirebilmek İçin Bizlere push.js Bayağı Bir Yardımcı Oluyor. Bu Kütüphane İle Kullanıcılara Anlık Bildirimler Göndere Bilmek Mümkün. Peki Bu Bildirimleri Nasıl Gönderebiliriz?
İlk Olarak Push.js Kütüphanesini Projemize Eklememiz Gerekmektedir.

npm Üzerinden Kurulum İçin;

$ npm install push.js --save
$ bower install push.js --save

Komut Satırınızla Projenize Kurulum Yapabilirsiniz Veya Biraz Araştırarak Cdn Yolu Bulunabilir. Kütüphane Ekleme İşlemi Sonrası push İle Bildirim Göndermek Tek Satır İle Mümkün.

Push.create('Web Sitemize Hoşgeldin');

Push.create İle Oluşturduğumuz Bildirimi Dahada Görsel Hale Getirebiliriz. Açıklama, Görsel, gösterim Zamanı Tıklanında Bildirime Tıklanında Gösterilecek Sayfa Gibi.

Push.create('Web Sitemize Hoşgeldin',{
    body: "sezaialkan.net İle Güncel İçeriklere Ulaşabilirsiniz.",
    icon: 'https://www.sezaialkan.net/assent/img/5fd92a6443a91.png',
    timeout: 4000,
    onClick: function () {
        window.open("https://www.sezaialkan.net");
        this.close();
    }
});

Yukarıda Oluşturulan Bildirim İle body(Bildirimin Açıklama Kısmı), icon(Bildirime Eklenen Görsel,logo vs.), timeout(Bildirimin Ne Kadar Görüneceği), onclick İle Oluşturulan Fonksiyonlada, Bildirime Tıklandığı Zaman İstenen Linke Git Ve Bildirimi Kapat Gibi Özellikler Mevcuttur. Bu Örneğin Aynısı https://pushjs.org/ Adresinde Mevcuttur. Oradaki Örneklerle Ve Verilerle Daha Detaylı Şekilde Bildirimleri Yönetilebilir Hale Getirebilirsiniz.