Blogger OneSignal - Ücretsiz Push Bildirim Uygulama Kurulumu


Blogger için Web Push, Bildirim Uygulamasını web sitenize ekleyerek okuyucularınızın yeni uygulama ve makaleler hakkında bildirim eklentisi sayesinde haberdar olmasını sağlayabilirsiniz. Push uygulaması için en iyi tanım, web sitelerinin katıldığınız etkinlikler için bilgisayarınızın sağ köşesinde bilgi amaçlı açılan pencereleri gösterebiliriz. 


Günlük yaşantınızda YouTube, Facebook, Google gibi sitelerden gelen bildirim penceresini fark etmiş olmalısınız! Bir önceki yazımda, Web Push Bildirimleri nedir? açıklamış, farklı bir Push uygulaması olan Blogger İçin Foxpush Tarayıcı ve Masaüstü Bildirimi Kurulum ve Kullanımı hakkında bilgi geçmiştim.

İlgili Makale: WorPress OneSignal – Ücretsiz Push Eklenti Kurulumu

Blogger OneSignal Push Kurulumu için İlgili adımlar:

1. OneSignal, Ücretsiz Web Bildirim uygulamasını kurmak için, OneSignal web sitesine buradan giriş yapın. Sağ üsten "Login" penceresini açın. Login penceresinde, Google, Facebook, Githup, veya email bilgileriniz ile giriş işleminizi öncelikle tamamlayın.

😎Öneri: Giriş işlemi için Google’u kullanabilirsiniz.

OneSignal Üye penceresi:



2. Şimdi ilk uygulamanızı oluşturmalısınız. Açıkken, uygulama panosunda, ' Yeni bir uygulama ekle ' yi tıklayın. 


3. bir pop-up açılan pencere belirecektir. Burada uygulamanızın adını eklemelisiniz ve Oluştur'a tıklayın . 




4. burada, ' Yapılandırılacak bir platform seçin ' penceresi görünecektir. Web Sitesi Push'u seçin ve  İleri'ye tıklayın. 




5. Şimdi tekrar bir pencere açılır ve ardından ' Google Chrome ve Mozilla Firefox'a tıklayın . Bundan sonra ' İleri'yi tıklayın.



6. blog ' URL'nizi girin ve ' Favicon URL'lerinizi girin Kaydet'i tıklayın. 



7. hedef SDK'nizi seçin penceresinde Web Sitesi Push'u seçin ve İleri ile devam edin.


8. Uygulama Kimliğinizi kopyalayıp Not Defterinize kaydedin güvende olmasını sağlayın. (yeşil vurgulu Renk)

9. Son olarak  blogger şablonunuza "JavaScript" SDK'sini eklemelisiniz. Aşağıdaki kodu kapanış etiketinin üstüne ekleyin. 

Bu etiketi bulun CTRL + F
</head> 

Üstüne ekleyip Kaydedin 


<script async='async' src='https://cdn.onesignal.com/sdks/OneSignalSDK.js'></script> 
<script> 
var OneSignal = OneSignal || []; 
OneSignal.push(["init", { 
appId: "d9e08a5f-45ec-45dc-bc5c-b17b633b13e2", 
subdomainName: 'ilegen.onesignal.com', 

notifyButton: { 
enable: true /* Set to false to hide */ 
} 
}]); 
</script>   


Not: 

appId: "d9e08a5f-45ec-45dc-bc5c-b17b633b13e2",
appId :  Öğesini uygulamanızın uygulama kimliği ile değiştirin . (alt alan adınız varsa onuda değiştirin.

10. Blogger şablonunuzu kaydedin. 

SDK'yi Yükledikten Sonra (İsteğe Bağlı Test)

Web sitenizi ziyaret edin ve abone olmak için bildirimlerde bulunma seçeneğini etkinleştirin. En az bir abone olduğunuzdan emin olmak için Abone Olan Kullanıcıları Kontrol Et'i tıklayın.


Sonuç: