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.

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


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

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


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.
Blogger Sitenize OneSignal Kurulumu Nasıl Yapılır?

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

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

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.

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


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.

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


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

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

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


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.

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




Adım 9.( Bu bölümde göstermiş olduğumuz gibi "Server API" yazan bölümü işaretliyeceksiniz.
Blogger Sitenize OneSignal Kurulumu Nasıl Yapılır?



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 </head> 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 async='async' src='https://cdn.onesignal.com/sdks/OneSignalSDK.js'></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>


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




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.

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












Bu blogda olup biten herşeyden ilk senin haberin olsun.