Bu aralar özellikle dizi sitelerinde yaygınlaşan ama Facebook, Twitter gibi sosyal medya sitelerinin epeydir kullandığı bir araç. Aktive ettiğiniz takdirde sitede olmasanız dahi size tarayıcı yardımıyla bir bildirim yolluyor. Epey önce yazmaya karar vermiştim ama bir türlü başlayamamıştım, kısmet bu güneymiş.


Öncelikle OneSignal internet sitesine gidelim. Ondan sonra aşağıda görsellerle Bilal’e anlatır gibi anllatığım şekilde kayıt işlemimizi yapalım.

onesignal1_mini


onesignal2_mini

Klasik olarak sizden e-posta adresinizi onaylamanızı istiyor.
Klasik olarak sizden e-posta adresinizi onaylamanızı istiyor.

Aktifleştirme postası biraz geç gelebiliyor!!

onesignal5_mini

Kaydımızı yaptık, şimdi giriş yapacağız ve ilk uygulamayı yapılandırmaya başlıyacağız.


Giriş yapacağımız yer okla gösterdim, biraz fazla ayrıntılı sanırım.
Giriş yapacağımız yer okla gösterdim, biraz fazla ayrıntılı sanırım.


onesignal7_mini
Girdikten sonra sizi böyle bir ekran karşılayacak. İsterseniz “Skip” ederek geçebilirsiniz, isterseniz de “Next” ile ufak gezinti yapabilirsiniz.


onesignal8_mini
Ok ile gösterilen yerden “Add a new app” diyoruz.


Öncelikle uygulamamıza bir isim koyuyoruz, sitenizin adı olabilir pek ala.
Öncelikle uygulamamıza bir isim koyuyoruz, sitenizin adı olabilir pekâlâ.


"Website Push" seçiyoruzç
“Website Push” seçiyoruz.


Tarayıcı kullanımının çoğunluğunu Chrome ve Firefox aldığı için ben bunları seçtim.
Tarayıcı kullanımının çoğunluğunu Chrome ve Firefox aldığı için ben bunları seçtim.


Son olarak bu ekran gelecek.
Son olarak bu ekran gelecek.


Şimdi yeni bir sekme açın ve cloud.google.com adresine girin. Herhangi bir gmail hesabınızla giriş yaptıktan sonra aşağıdaki adımları uygulamaya devam edin. 


onesignal12_mini
Giriş yaptıktan sonra sol üstteki “Select a project” butonuna tıklıyoruz ve açılır menüden “Create a project” seçiyoruz.


onesignal13_mini
Gene projemize bir isim veriyoruz, ikinci sırada “teklif haberlerini mail olarak atın” seçeneği var ben istemedim ve hayır dedim. Üçüncü sıradaki seçeneği “Evet” olarak işaretliyip “Create” diyoruz.


onesignal14_mini
Şekilde gördüğünüz üzere “Enable and manage APIs” tuşuna basıyoruz.


onesignal15_mini
Yüzlerce API servisi olduğu için arama kutucuğuna “Cloud Messaging Android” yazmak işimizi kolaylaştırır.


onesignal16_mini
Gördüğünüz gibi bulduk, üzerine tıklıyoruz yazının.


onesignal17_mini
“Enable” yani “Etkinleştir” tuşuna basıyoruz.


onesignal18_mini
Sayfa yenilendikten sonra bir uyarı veriyor, tıklıyoruz.


onesignal19_mini
Ana Sayfa’ya dönüp sol tarafta bulunan menüden “Credentials” yazısına tıklıyoruz.


onesignal20_mini
Açılan sayfada “Create credentials” tuşuna basıyoruz ve açılan menüden en üstte bulunan “API key” üzerine tıklıyoruz.


onesignal21_mini
Karşımıza gelen bir sonraki pop-up’da ise “Server key” seçeneğini seçiyoruz.


onesignal22_mini
Server key’imize bir isim veriyoruz, diğer alanı doldurmadan “Create” tuşuna basıyoruz.


onesignal23_mini
Ta-daaaaa API key’imizi aldık!

Tekrar OneSignal sayfasına dönüyoruz ve kaldığımız yerden doldurmaya devam ediyoruz. 

onesignal24_mini
İlk boşluk site adresimiz, İkinci boşluk server API keyimiz, Üçüncü boşluk sitede gözükecek bildirim ikonumuzun adresi.

onesignal25_mini
Site adresi yazan yere gene sitenizin adını yazabilirsiniz. Google Project Number için tekrar diğer sekmeye gidiyoruz.


onesignal26_mini
Projemizin “Ana Sayfasında” yani “Select a project > projenin adı” bağlantısında şekilde gördüğünüz alan var. Tıklayıp kopyalıyoruz.


onesignal27_mini
WordPress simgesine tıklayıp “Next” diyoruz.


onesignal28_mini
Bu sayfa OneSignal ile olan kurulum işlerinin son sayfası!

Evet şimdi kendi sitemizi açıp “Yönetim Paneli”ne gireceğiz ve eklentiyi kuracağız. Google ve Onesignal sayfalarını kapatmayın!


onesignal29_mini
Klasik olarak “Eklentiler > Yeni Ekle” yolunu takip ediyoruz.


onesignal30_mini
WordPress dizininde zaten var eklenti, o yüzden arama yapıyoruz ve “Şimdi Kur” tuşuna basıyoruz.


onesignal31_mini
Sol tarafta eklentinin adı var tıkladıktan sonra kurulum için gerekenleri soruyor size. Google ve OneSignal sayfalarından gerekli bilgileri alabilirsiniz.


onesignal32_mini
App ID ve Rest API keyleri burdan alabilirsiniz.

Kurulumu tamamladıktan sonra sitemize giriyoruz, kendi sitemize aşağıda gösterdiğim gibi üye oluyoruz ve kurulum işlemleri bitiyor.


onesignal33_mini
Varsayılan olarak bu simge gözüküyor, üzerine tıklıyoruz.

onesignal34_mini
Açılan yeni sayfada “Continue” düğmesine basıyoruz ve OneSignal sayfasına geçiyoruz.


onesignal35_mini
Son adımda oluşan pencerede “Check Subscribed Users” tuşuna basıyoruz ve aşağıdaki yeşil başarı mesajımızı alıyoruz. Son adım olarak da “Next” tuşuna basıyoruz ve işlemler bitiyor.


Uygulamanın WordPress eklentisi üzerinden bir çok özelleştirme yapabilirsiniz, ben sadece kurulumunu anlattım. Hoşgeldin mesajından, butonun yerine kadar bir sürü özelleştirme seçeneği var.

9 Yorumlar

  1. Gerçekten güzel anlatım olmuş, elinize sağlık.

    Gördüğüm kadarıyla wordpress tarafında kolayca yapılabiliyor. Peki kendi scriptlerimizde nasıl kullanabiliriz OneSignal ‘i? Mümkün mü?

Yanıtla

Yorumunu yaz lütfen
Adını buraya yaz