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

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

 

Post Author: Patikli Penguen

Patikli Penguen kurucusu ve yöneticisi olan ufak penguen.

Bir Cevap Yazın

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