Sayfa Gezinme

Son makaleler:

latest

YAYIN AKIŞI:

Tümünü Görüntüle

WorPress OneSignal - Ücretsiz Push eklenti Kurulumu

Web Push Bildirimlerinin ne olduğunu, yeni nesil okuyucuya daha belirgin temiz bir web uygulaması ile ulaşabilme konularını, önceki makalem...

...


Web Push Bildirimlerinin ne olduğunu, yeni nesil okuyucuya daha belirgin temiz bir web uygulaması ile ulaşabilme konularını, önceki makalemizde incelemiştik. bugün; WordPress OneSignal Push eklentisini WordPress’e nasıl ekleyip kullanacağımızı göreceğiz.

İlgili Makale: Web Push Bildirimleri nedir?

Uygulamayı AdnanGuney.Com İNCELE Açıklama: WordPress OneSignal Push web sitesinde kurulum açıklamalarını geliştirici dokümanlar da çok detaylı bir şekilde verilmiş olup, arzu eden yayıncı webmaster kullanıcılar ilgili bağlantı linkinden okuyup, web siteleri için OneSignal Push kurulumuna geçebilir veya üyelik sonrası açılan yönlendirme penceresini kullanabilirler.

Amaç: 

WorPress OneSignal - Ücretsiz Web Bildirimleri eklentisi üzerinde çalışarak kısa sürede Push Uygulamasını web sitelerimizde hayata geçirmektir.

Push Kurulumu için İlgili adımlar:

1. OneSignal - Ücretsiz Web İhbar Bildirimleri eklentisini kurmadan önce, OneSignal web sitesine buradan giriş yapın. Sağ üsten "Login" penceresini açın.


2. Login penceresinde, Google, Facebook, Githup, veya email bilgileriniz ile giriş işleminizi tamamlayın. 😎Öneri: Giriş işlemi için Google’u kullanabilirsiniz.

3. Giriş işlemlerini tamamladı iseniz, bir sonraki aşama Wordpress eklentimizi kurmak olacak.
4. WorPress OneSignal - Ücretsiz Web İhbar Bildirimleri Push eklentisini buradan açın ve web sitenize Kurun. 


İlgili Makale: Wordpress Eklentiler (Plugins) Nasıl Kurulur?


Buradan eklentinin sitesine giderek kayıt işlemini tamamlıyoruz. Kayıt işleminden sonra ana sayfada herhangi bir ayar yada menü görmeyeceksiniz.

Sol kısımdan All Apps menüsüne tıklıyoruz. Karşımıza gelen ekrandan Add New App tıklıyoruz. 
Uygulama ismi için küçük bir pencere açılacak bu pencereye uygulamamız için bir isim yazıyoruz.Sitenizin ismi olabilir Örnek uygulama ismi: Adnan Güney Pust


Gelen ekrandan hangi platform için uygulama oluşturmak istiyorsak ilgili platformu seçiyoruz. Biz tarayıcı bildirimleri yapacağımız için Web sitesi Push seçip Sonrakine tıklıyoruz.




Gelen ekrandan tarayıcı seçimini yapıyoruz.


Gelen pencerede site isminizi ve varsayılan olarak hangi bildirim ikonunun kullanılacağını belirliyoruz ve Kaydete tıklıyoruz.


Yine aynı pencere içerisinde aşağı doğru pencereyi kaydırdığımızda Subdomain bölümünü göreceksiniz. Bu kısma istediğiniz bir ismi verebilirsiniz. Bu bölüm Chrome için gerekli.


Gelen ekrandan hangi platform üzerinde kurulum yapacağımızı seçiyoruz. Biz wordpress için kurulum yaptığımızdan wordpress seçip Next tıklıyoruz.


Ve son olarak bize API Key ve APP ID bilgilerini veren ekran geliyor. Burada yer alan bilgileri bir yere not ediyoruz.Bu pencereyi kapatmayın yine gerekli olacak çünkü.

WordPress admin paneline geri dönüyoruz. Onesignal eklentisinin kurulumunu yaptıktan sonra, admin panel anasayfanın sol kısımda bulunan OneSignal Push menüsüne tıklıyoruz.

Karşımıza birçok seçeneğin yer aldığı detaylı bir ayar sayfası geliyor. Fakat endişe etmeyin. oldukça basit bir ayar işlemi yapacağız.


App ID : Kurulum sayfasından aldığımız App Id yazıyoruz.
REST API Key : Kurulum sayfasından aldığımız REST API key yazıyoruz.
OneSignal Subdomain : Bu kısma kullanıyorsanız, kurulum aşamasında oluşturulan subdomain adresini yazıyoruz.



Use the post’s featured image for the notification icon : Yazıya eklenmiş öne çıkan görsel bildirim simgesi olarak ayarlansın.
Dismiss notifications after ~20 seconds : Bildirim 20 saniye sonra kapansın.



Automatically prompt new site visitors to subscribe to push notifications : Yeni ziyaretçilere otomatik olarak bildirimleri göster
Enable the notify button : Bildirim butonunu aktifleştir.
Show the notify button after users have subscribed : ziyaretçi abone oldukçan 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


  • Size : Sağ tarafta gösterilen ikon boyutu
  • Position : Sağ tarafta gösterilen ikon pozisyonu
    Theme : Sağ tarafta gösterilen ikon renk şeması
    First-time visitor message (on notify button hover) : ilk kez gelen ziyaretçi mesajı (ikon üzerine gelince çıkacak olan)
    Tip when unsubscribed : Abonelik iptalinde gösterilen yazı
    Tip when subscribed : Abonelikte gösterilen yazı

    Tip when blocked : Bildirimler engellendiğinde gösterilen yazı
    Message on subscribed : Abone olunduğunda gösterilen mesaj
    Message on re-subscribed (after first unsubscribing) : Abonelik iptalinden sonra tekrar abone olduğunda gösterilecek mesaj
    Message on unsubscribed : Abonelik iptalinde gösterilecek mesaj
    Main dialog title : Bildirim penceresi başlığı
    Main dialog subscribe button :
    Bildirim penceresi abone ol butonu yazısı
    Main dialog unsubscribe button : Bildirim penceresi abonelik iptal butonu yazısı
    Blocked dialog title : Bildirim penceresi engelleme başlığı
    Blocked dialog message : Engellenen bildirim mesajı içeriği


    Show the OneSignal logo on the prompt : Bildirim penceresinde OneSignal logosunu göster
    Customize the popup text : Açılır pencere yazılarını düzenle
    Action Message : Eylem Mesajı (Sadri Ercan.Com Size Bildirim göndermek İstiyor gibi)
    Auto Accept Title (Click Allow) : Otomatik kabul etme bildirim başlığı (İzin Ver gibi)
    Site Name : Site isminiz yada adresiniz
    Example Notification Title (Desktop) : Örnek bildirim başlığı (masaüstü)
    Example Notification Message (Desktop) : Örnek bildirim mesajı (masaüstü)
    Example Notification Title (Mobile) : Örnek bildirim başlığı (mobil)
    Example Notification Message (Mobile) : Örnek bildirim mesajı (mobil)
    Example Notification Caption : Örnek bildirim notu (istediğiniz zaman aboneliğinizi iptal edebilirsiniz gibi)
    Accept Button Text : Kabul Et butonu yazısı
    Cancel Button Text : İptal butonu yazısı

    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.
      Devam>>
      Automatically send a push notification when I create a post from the WordPress editor : WordPress editöründe yazı yayınladığımda otomatik olarak bildirim gönder
      Automatically send a push notification when I publish a post from 3rd party plugins : 3. parti yazılımlardan yazı yayımladığımda bildirim gönder
      Additional Notification URL Parameters : İlave Bildirim URL parametreleri
      Additional Custom Post Types for Automatic Notifications Created From Plugins : Eklentiler tarafından oluşturulan bildirimlere ilave yazı türleri
      Use my own Google Project Number : Kendi Google proje numaramı kullan
      Use my own manifest.json : Bana ait olan manifest.json dosysasını kullan
      Use my own SDK initialization script : Bana ait olan SDK başlangıç scriptini kullan

      Gerekli ayarlamaları yaptıktan sonra Save butonuna tıklayarak kaydediyoruz.

      Sitemizin ana sayfasına gidiyoruz ve eklentinin çalışıp çalışmadığını test ediyoruz. Sağ altı köşedeki zil ikonuna tıklayıp kendi sistemimize abone oluyoruz.

      Tekrar uygulamanın sitesine gidiyoruz. Açık bıraktığımız bir pencere vardı.Bu pencere içerisinde uygulamayı test etmek için Check Subscribed Users butonuna tıklıyoruz ve alt kısımdaki yazılar gördüğünüz gibi yeşil oluyor ve uygulamanın başarılı bir şekilde çalıştığını belirtiyor.
      Son olarak Save butonuna tıklıyoruz ve tüm ayarlarımızı kaydediyoruz. OneSignal ile Bildirim Gönderme
      Onesignal için tüm ayarları yapıp test ettikten sonra artık istediğimiz zaman ziyaretçilerimize bildirim gönderebiliriz. Bunun için yine Onesignal sayfasına gidiyoruz. Karşımıza 3 seçenek geliyor.

      New Push Notification :
      Yeni Bildirim Gönder
      Manage Notification Templates : Bildirim Şablonları
      Configure Segments : Kullanıcı segmentasyonları

      New Push Notification – Yeni Bildirim Gönderme



      Bildirim gönderme bölümünde başlık ve sağ alt kısımdan önce Preview ardından da Send tıklayın.
      WordPress Yazı Editörü İle bildirim gönderme
      Herhangi bir yazınızı güncellediğinizde de aynı kutucuğu işaretleyip yazınızı güncellediğinizde yine bildirim gönderecektir.

      Sonuç: Yukarıdaki anlatımı yapılan OneSignal - Ücretsiz Push eklenti Kurulum işlemlemini bitirdiğinizde  Wordpress okuyucularınıza ana sayfadaki  bildirimin görüntüsü şöyle olacak.

      Bildirimlere izin verip abone olduğunuzda ise, sağ tarafta açılan bir bildirim iletisi göreceksiniz.  görsel şöyle  olacak.


Hiç yorum yok

Fikirlerinizi bizimle yorumlarda paylaşabilirsiniz.