Image Image Image Image Image Image Image Image Image Image

Sosyal Medya ve Teknoloji – MSY | 27 Mayıs 2018

Scroll to top

Top

No Comments

WordPress Anında Bildirim Eklentisi OneSignal Nasıl Eklenir

WordPress Anında Bildirim Eklentisi OneSignal Nasıl Eklenir
Mehmet Salih YILDIZ

Anında Bildirim Eklentisi – Onesignal Nedir?

Birçok sitede karşınıza aşağıdaki gibi bir ekran gelmiştir. Onesignal sayesinde abone olduğunuz site size yeni yazı ve haberlerden tarayıcınıza bilgirim göndererek haberdar etmektedir. WordPress için eklenti ile kolaylakla sizde web sitenizin duyurularını anlık olarak takipçilerinize verebilirsiniz.

OneSignal’e Nasıl Kayıt Olunur?

OneSignal’e kayıt ve ayarları biraz uzun ve karşık gelebilir, fakat bu işlemin sonunda tüm tarayıcılarda hatta mobil tarayıcılarda bile takipçilerinize bildirim gönderebileceksiniz.

Öncelikle Buraya Tıklayarak OneSignal sayfasını açalım ve adım adım kayıt işlemini gerçekleştirelim.

  • Sayfaya girdiğinizde anasayfanın sağ üst tarafından Login butonuna tıklayalım ve giriş penceresinde alt tarafta Sign up. yazan yere tıklayarak giriş sayfasını açalım. Açılan pencerede dilerseniz Mail adresiniz ile veya otomatik kayıt için Github, Google veya Facebook ile kaydolabilirsiniz.

  • Kayıt işlemini gerçekleştirdik ve Login olduk, burada açılan sayfada “Add a new app”  yazan yere tıklayarak ilk uygulamamızı oluşturalım.

  • Karşımıza uygulamamıza isim vermemizi isteyen bir pencere açılacak burada bir isim vererek CREATE diyerek uygulamamızı oluşturalım.

  • Açılan sayfada Web Push seçeneğine tıklayarak tarayıcılar için gerekli ayarları yapacağız. Web Push dedikten sonra NEXT diyerek bir sonraki sayfaya geçelim.

  • Açılan sayfada Web sitenizin adını ve url yapılandırmanızı yapacağız ekran açılıyor. Burada site isminizi ve adresinizi ilgili kısımlara yazıp SAVE diyerek kaydedebilirsiniz.

En altta bulunan My site not fully HTTPS yazan kısım sitenizin SSL sertifikanızın olup olmadığını sormaktadır. Benim sertifikam olduğu için aktif etmedim fakat sizin yoksa burayı aktif ettikten sonra altın Subdomain oluşturmanıza olanak sağlıyor. Açılan kısma türkçe karakter içermeyen bir subdomain adresi yazarak kayıt edebilirsiniz.

  • Son kısımda ise WordPress eklentisindeki ayarları yapabilmek için APP ID ve API KEY’leri almamız gerekli, bu bilgileri aldıktan sonra sitedeki işimiz bitiyor, diğer ayarları eklenti üzerinden yapacağız.

Bu işlem için sayfada Website Builder yazan yere tıklayarak sisteminizi seçebilirsiniz.

  • WordPress’i seçtikten sonra karşımıza direk olarak ID ve Key bilgilerimiz çıkıyor.

  • Safari tarayıcılar diğerlerine göre farklı bir sistem kullandığı için buna özel bir KEY oluşturmamız gerekiyor. Bunun için ise üst menüden SETTINGS‘e tıklayalım ve Apple Safari’yi aktif ederek gerekli ayarları yapılandırarak SAVE edelim.

ID ve KEY bilgilerimizi aldığımıza göre WordPress eklentiler panelinden eklentimizi kurup ayarlarını yapabiliriz.

OneSignal WordPress Eklenti Ayarı Nasıl Yapılır?

  • Eklentiyi indirip kurmak için aşağıdaki adrese gidebilir veya arama kısmına “OneSignal – Ücretsiz anlık web bildirimleri” yazarak aratırsanız eklentiye ulaşabilirsiniz.

OneSignal – Ücretsiz anlık web bildirimleri

Eklentiyi kurduğumuza göre sol taraftan “OneSignal Push” menüsünden eklentiye ulaşabilir ve ayarlarını yapabiliriz.

  • Eklentinin ayar sayfasına giriş yaptıysak yukarıdan “Configuration” menüsüne giriş sağlayalım. Burada en üstte az önce aldığımız ID ve KEY bilgileri istenmektedir. Bunları doğru kısımlara girerek aşağı doğru devam edelim.

My site uses an HTTPS connection (SSL) : Sitemiz ssl sertifikasına sahip ise aktif hale getiriyoruz.
App ID : ID numarasını Giriyoruz
REST API Key : KEY numarasını giriyoruz.
OneSignal Subdomain : Subdomain adresini yazıyoruz. Eğer SSL aktif hale getirdiysek bu bölüm gözükmez.
Safari Web ID : “Apple safari” kısmını aktif hale getirdiğimizde oluşan key kodudur.  Oluşturmadıysanız boş bırakılabilir.

  • Bir sonraki adımda (Sent Notification Settings) bildirim ayarlarını yapacağız, Bunu detaylı anlatmaya gerek yok aşağıdaki gibi açık duruma getirirseniz tarayıcıda bildirimler görünmeye başlayacaktır.

  • Bir sonraki seçenek de (Prompt Settings & Subscription Bell) bildirim düğmesi ayarlarını yapılandırabiliriz.

Automatically prompt new site visitors to subscribe to push notifications : Yeni ziyaretçilere otomatik bildirimleri göster.
Enable the notify button : Bildirim butonunu aktifleştir.
Show the notify button after users have subscribed : Abone olduktan sonra bildirim butonunu göster.
Show first-time site visitors an unread message icon : İlk defa ziyaret edenlere okunmamış mesaj ikonu göster.
Show the OneSignal logo on the notify button dialog : Bildirim butonu penceresinde Onesignal logosu göster.
Customize the notify bell text : Bildirim zili yazısını düzenle.
Customize the notify bell offset position : Bildirim zili pozisyonunu ayarla.
Customize the notify bell theme colors : Bildirim zili renklerini ayarla.

  • Sıradaki adımda (Subscription Bell Text Customization) ise düğme ve uyarı metinlerini düzenleyebiliriz.

First-time visitor message (on notify button hover): Karşılama yazısı.
Tip when unsubscribed: Abonelik olmadığında yazacak söz.
Tip when subscribed:Abone olunduğunda yazacak söz.
Tip when blocked: Engelleme yapıldığında yazacak söz.
Message on subscribed:Abonelik tamamlandığında yazacak söz.
Message on re-subscribed (after first unsubscribing):Abonelik yenilendiğinde yazacak söz.
Message on unsubscribed: Abone olmamış ise.
Main dialog title: Sitenin yada diyalog kutusunun başlığı.
Main dialog subscribe button: Abone değil ise tıkladığında.(Abone ol.)
Main dialog unsubscribe button: Abone ise tıklandığında.(Abonelik iptali.)
Blocked dialog title: Engelle
Blocked dialog message: Engellendi.

  • Şimdi ise en can alıcı kısımlardan birine geldik, burada ziyaretçilerinizin karşısına çıkan Pop-Up ayarlarını yapılandıracağız.

Customize the popup text : Pop-up yazılarını düzenle
Action Message : Eylem Mesajı
Auto Accept Title (Click Allow) : Otomatik kabul etme bildirim başlığı
Site Name : Site isminiz yada adresiniz
Example Notification Title (Desktop) : Örnek bildirim başlığı
Example Notification Message (Desktop) : Örnek bildirim mesajı
Example Notification Title (Mobile) : Örnek bildirim başlığı
Example Notification Message (Mobile) : Örnek bildirim mesajı
Example Notification Caption : Örnek bildirim notu
Accept Button Text : Kabul Et butonu yazısı
Cancel Button Text : İptal et butonu yazısı

  • Sıradaki ayar kısmında ise karşılama bildirimi ayarlarını yapılandıracağız. (Welcome Notification Settings)

Send new users a welcome push notification after subscribing: Yeni ziyaretçilere abone olduktan sonra hoşgeldin bildirimi gönder.
Title: 
Hoşgeldin Bildirimi başlığı
Message: 
Hoşgeldin Bildirimi mesajı
URL: 
Hoşgeldin Bildirimi gönderilen adres. Boş bırakırsanız varsayılan olarak web sitenizin adresini gönderecektir.

  • Son olarak bazı ek ayarlar istenmektedir bu seçenekleri ise aşağıdaki gibi yapılandırabilirsiniz.

Tüm ayarları yaptık, son olarak sadece ayarlarımızı kaydetmek kalıyor.

Bundan sonraki yazılarınız kullanıcılara anlık olarak bildirim olarak iletilecektir. Eklentinin en güzel yanlarından biri ise eski bir yazınızı güncellediğinizde takipçilerinize bunu bildirim olarak gönderebiliyor olmanız.

Yeni yazı yazarken veya güncellerken Yayımla butonunun üst tarafından bulunan “OneSignal Push Notification” seçeneğini aktif etmeniz yeterlidir.

Submit a Comment

Bir Cevap Yazın

%d blogcu bunu beğendi: