Onesignal Bildirim Sistemi Nedir? OneSignal Kurulum Kılavuzu


Merhabalar, bu makalemizde  eklentisiz bir şekilde, Chrome üzerinden OneSignal ile bildirim gönderiminin Websitenize nasıl kurulacağı hakkında, adım adım sizlerle paylaşıyoruz.

Görsel adımları sırasıyla beraber takip ettiğiniz taktir de hiçbir sıkıntı ve sorunla karşılaşmayarak OneSignal Bildirim Sistemini sitenize sorunsuz bir şekilde kurmuş olacaksınız.

OneSignal kurulum adımları;
1.Adım: İlk olarak OneSignal’in sitesini ziyaret ediyoruz. Siteye gitmek için tıklayınız.

onesignal-bildirim-sistemi-nedir-onesignal-kurulum-kilavuzu-patikli-penguen

2.Adım: OneSignal sitesine ” Log in ” diyerek giriş yapıyoruz.

onesignal-bildirim-sistemi-nedir-onesignal-kurulum-kilavuzu-1-patikli-penguen

3.Adım: Eğer siteye üyeliğimiz yok ise,Log in ” kısmına tıklayarak aşağı kısımdan ” Sign Up ” diyerek kendimize yeni bir üyelik oluşturuyoruz. 

onesignal-bildirim-sistemi-nedir-onesignal-kurulum-kilavuzu-2-patikli-penguen

4.Adım: Bu adımda ekrana gelen kutucukları doğru bir şekilde dolduruyoruz. 1. Kutucuğa aktif olarak kullandığımız ” E-mail ” adresimizi yazıyoruz. 2. ve 3. kutucuğa ise ” Şifremizi ” yazıyoruz. En son kutucuğa yani 4. kutucuğa sitemizin ismini ” Patikli Penguen (örnektir) ” yazıyoruz.

onesignal-bildirim-sistemi-nedir-onesignal-kurulum-kilavuzu-3-patikli-penguen

5.Adım: Bu admda ise kayıt sırasında ki belirttiğimiz E-mail adresine bir doğrulama maili geldi. Bu maili açtığımızda ” Click Here To Confirm Your Account ” butonuna tıklayarak, OneSignal hesabımızı doğrulamış olucaz.

onesignal-bildirim-sistemi-nedir-onesignal-kurulum-kilavuzu-4-patikli-penguen

6.Adım: Butona tıkladığımızda bizi OneSignal’in sitesine hesabımız açılmış bir şekilde yönlendirecektir. Şimdi ise Ekranımıza gelen ” Add a new app ” kutucuğuna tıklıyoruz.

onesignal-bildirim-sistemi-nedir-onesignal-kurulum-kilavuzu-5-patikli-penguen

7.Adım: Bu adımda ise; ekranımıza gelen ” Add a new app ” sayfasında bir ” App Name ” oluşturmalıyız. Oluşturacağımız isim, site ismimiz olmalı. Site isminizi yazarken Türkçe karakterler kullanmayın ve tek kelimelik bir şekilde site isminizi yazınız. Daha sonra sağ aşağıdaki ” Create ” butonuna tıklayınız.

onesignal-bildirim-sistemi-nedir-onesignal-kurulum-kilavuzu-6-patikli-penguen

8.Adım: Bu adımda görselleri sırasıyla takip ederek hızlıca bu adımı halledebilirsiniz.

8.Adım 1. Görsel;

onesignal-bildirim-sistemi-nedir-onesignal-kurulum-kilavuzu-7-patikli-penguen

8.Adım 2. Görsel;

onesignal-bildirim-sistemi-nedir-onesignal-kurulum-kilavuzu-8-patikli-penguen

8.Adım 3. Görsel;

onesignal-bildirim-sistemi-nedir-onesignal-kurulum-kilavuzu-9-patikli-penguen

8.Adım 4. Görsel;

onesignal-bildirim-sistemi-nedir-onesignal-kurulum-kilavuzu-10-patikli-penguen

9.Adım: Görsel de ki gibi ekrana gelen sayfayı sağ üst taraftan ” Kapat ” diyerek ekrana gelecek olan seçeneklerden ” Yes ” seçeneceğini seçiniz.

onesignal-bildirim-sistemi-nedir-onesignal-kurulum-kilavuzu-11-patikli-penguen

10.Adım: SDK Dosyalarını indirin ve içerisinde ki OneSignalSDKFiles klasöründe ki Manifest.json dosyasını notepad++ ile açın. Name ve short_name kısımlarını site isminiz ile değiştirin ve başka bir değişiklik yapmadan kaydederek sitenizin ana dizinine ” upload ” edin.

Dosyayı indirmek için tıklayınız.

11.Adım: Aşağıda verdiğimiz kodlarda sadece ” YOUR_APP_ID ” kısmını editleyerek sitenizin ” <head></head> kodları arasına eklemeniz yeterli. WordPress sitesinde ” header.php ” içerisine eklenip test edilmiştir ve sorunsuz çalışmaktadır.

NOT: YOUR_APP_ID 9. adımdaki resimde yazmaktadır.

<link rel=”manifest” href=”/manifest.json”>
<script src=”https://cdn.onesignal.com/sdks/OneSignalSDK.js” async></script>
<script>
var OneSignal = window.OneSignal || [];
OneSignal.push([“init”, {
appId: “YOUR_APP_ID”,
autoRegister: false,
notifyButton: {
enable: true /* Set to false to hide */
}
}]);
</script>

NOT : En az 1 kişi sayfayı yenileyip bildirim gönderimini onaylamadan, bildirim gönderemezsiniz, hata verir.

12.Adım: Bu kısımdan bildiriminizi hazırlayıp en alttan ” Preview “e tıklıyarak Kurulumu tamamlamış oluyorsunuz.

onesignal-bildirim-sistemi-nedir-onesignal-kurulum-kilavuzu-12-patikli-penguen

Kaynakça

 


Beğendin mi? O zaman arkadaşların ile paylaş!

-2
3, -2 Puan

Tepkiniz ne oldu?

Üzücü Üzücü
0
Üzücü
Yaratıcı Yaratıcı
2
Yaratıcı
Akıllıca Akıllıca
2
Akıllıca
Komik Komik
0
Komik
Efsane Efsane
1
Efsane
Düşündürücü Düşündürücü
2
Düşündürücü

Yorumlar 1

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

  1. Hocam bu anlatım sadece WordPress tabanlı siteler için mi ? Yoksa PHP Script tabanlı olan sitelerimiz içinde aynısını yapabiliyor muyuz?
    Şimdiden teşekkürler

Onesignal Bildirim Sistemi Nedir? OneSignal Kurulum Kılavuzu

Giriş Yap

Hoşgeldin!

Bir hesabınız yok mu?
Kayıt Ol

Şifre Sıfırlama

Kullanıcı adını yada e-mail adresini yazarak şifreni sıfırlayabilirsin.

Geri dön
Giriş Yap

Kayıt Ol

Penguen ailemize katılın!

Geri dön
Giriş Yap
İçeriğinizin Tarzını Seçin
Kişilik Testi
Kişiliği hakkında ortaya bir şeyler çıkarmalı içerik tarzı.
Test
Bilgiyi kontrol etmek, doğru ve yanlış cevaplı içerik tarzı.
Anket
Karar verme ya da görüş belirlemeli içerik tarzı.
Makale
Hikaye, makale ve görsellerden oluşan içerik tarzı.
Liste
Klasik liste oluşturmalı içerik tarzı.
Video
Video içeriğine sahip içerik tarzı.
Ses
Sesli bir içeriğe sahip içerik tarzı.
Fotoğraf
Fotoğraf, Slayt ve Giflere sahip içerik tarzı.