Blogger Sitenize OneSignal Kurulumu Nasıl Yapılır?

Evet bu yazımızda blogger alt yapısına sahip web sitelerimize veya bloglarımıza nasıl tarayıcı bildirim eklentisi yapabiliriz buna bakacağız.


Adım 1.( Öncelikle aşağıdaki resimde görmüş olduğunuz gibi https://onesignal.com/ adresine gidiyoruz ve sayfanın ortasında bulunan "SİGN UP FREE" yazısına tıklıyoruz.





Adım 2.( Karşımıza açılan popup pencerede aşağıdaki bilgileri dolduruyoruz.




Adım 3.( OneSignal hesabımıza giriş yaptıkdan sonra sayfanın sol tarafında bulunan "Add a new app" seçeneğine tıklıyoruz.



Adım 4.( Karşımıza gelen popup pencerede oluşturacağımız uygulamaya bir isim veriyoruz. Örnek;siteadınız



Adım 5.( Aşağıdaki ekranda bildirimleri hangi cihazlarda etkinleştirmek istiyorsa onu seçmemiz gerekiyor. Fakat biz şuan sadece web tarayıcılarda etkinleştireceğiz.




6. adımda ise aşağıda görmüş olduğunuz gibi hangi tarayıcılarda çalışacağını seçip ona göre ilerliyoruz. Biz şuan Chrome ve Mozilla için yapacağız.




Adım 7.( Yine aşağıdaki resimlerde anlattığımız şekilde gerekli alanları kendinize göre dolduracaksınız.






Adım 8.( yukarıdaki bilgileri eksiksiz ve düzgün bir şekilde doldurduktan sonra bize uygulamamızda kullanacağımız uygulama kimlik numaramızı veriyor yani App İD bu numarayı not edin birazdan lazım olacak bize.






Adım 9.( Bu bölümde göstermiş olduğumuz gibi "Server API" yazan bölümü işaretliyeceksiniz.





Adım 10. Yukarıdaki adımdan sonra bir ekran çıkacak ve test yapmanızı isteyecek bunun için öncelikle aşağıda vereğim kodları blogger sitenizin Şablon > HTML Düzenle bölümüne gelerek etiketini CTRL+F yardımı ile ara/bul yapıyoruz ve hemen öncesi aşağıdaki kod kümesini ekliyor içerisinide kendi bilgilerimizi giriyoruz.



<script></script>
<script>
var OneSignal = OneSignal || [];
OneSignal.push(["init", {
appId: "2a245331-2683-4492-899a-957545ec3",
subdomainName: 'ilegen.onesignal.com',

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








Adım 11.( Yukarıdaki işlemi yaptıkdan sonra kendi sitemizde abone olma butonun görüyor ve abone oluyoruz biraz önceki test sayfasındaki testi geçmek için bu gerekli.




Kaynak