Wordpress Eklentileri

Onesignal nedir? Onesignal Kurulum ve Kullanım Kılavuzu

Onesignal web tarayıcısı üzerinden sitenizi ziyaret eden kullanıcılara, yeni makale ve gelişmelerden haberdar olmaları için izin alarak, istediğiniz zaman bu ziyaretçilere tarayıcı üzerinden bildirim göndermenize yarayan bir uygulamadır.

Bu konudaki tek uygulama elbette onesignal değildir. Letreach ve Push notification uygulamaları da aynı işlevi görmektedir.

Onesignal Wordpress Kurulumu

Onesignal kurulumu iki aşamadan oluşmaktadır. Bunlardan ilki WordPress eklentisini yüklemek diğeri ise kendi sitesi üzerinden Api anahtarı oluşturmaktır.

WordPress İçin OneSignal Kurulumu

onesignal wordpress eklentisi

Buraya tıklayarak WordPress eklenti deposundan Onesignal wordpress eklentisinin kurulumunu yapıyoruz. WordPress eklenti kurulumunu bilmiyorsanız WordPress’te eklenti nasıl yüklenir? konusuna bakabilirsiniz.

OneSignal.Com Tarafı Kurulum

Buradan eklentinin sitesine giderek kayıt işlemini tamamlıyoruz. Kayıt işleminden sonra anasayfada 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.

onesignal uygulama 1

Uygulama ismi için küçük bir pencere açılacak bu pencereye uygulamamız için bir isim yazıyoruz.

onesignal uygulama 2

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

onesignal uygulama 3

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

onesignal uygulama 4

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

onesignal uygulama 5

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.

onesignal uygulama 6

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.

onesignal uygulama 7

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ü.

onesignal uygulama 8

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

onesignal uygulama 9

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

OneSignal Ayarları

Account Settings

onesignal uygulama 10

  • 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 kurulum aşamasında oluşturduğumuz subdomain adresini yazıyoruz.
Notification settings

onesignal uygulama 11

  • 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.
Prompt Settings & Notify Button

onesignal uygulama 12

  • 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

onesignal uygulama 13

  • 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ı

onesignal uygulama 14

  • 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
Popup Settings

onesignal uygulama 15

  • 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ı
Welcome Notification Settings

onesignal uygulama 16

  • 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.
Automatic Notification Settings – UTM Tracking Setting- Advanced Settings

onesignal uygulama 17

  • 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 anasayfası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.

onesignal uygulama 18

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.

onesignal uygulama 19

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

onesignal uygulama 20

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

Yeni bir yazı yazdığınızda Onesignal eklentisi otomatik olarak yazı ekranın sağ üst köşesine bildirim göndermek için bir kutucuk ekler. Bu kutucuğu işaretlediğinizde yazınızı yayınladığınız anda bildirimi gönderir. Bildirim resmi olarak yazınızın öne çıkarılmış görselini kullanır.

onesignal uygulama 21

Herhangi bir yazınızı güncellediğinizde de aynı kutucuğu işaretleyip yazınızı güncellediğinizde yine bildirim gönderecektir.

SonSöz

OneSignal bildirim sistemi birçok sitede kullanılan güzel bir uygulamadır. Makalenin başında da bahsettiğim gibi farklı uygulamalarda bulunmaktadır. Aralarından dilediğinizi seçip kullanabilirsiniz.

Onesignal web tarayıcısı üzerinden sitenizi ziyaret eden kullanıcılara, yeni makale ve gelişmelerden haberdar olmaları için izin alarak, istediğiniz zaman bu ziyaretçilere tarayıcı üzerinden bildirim göndermenize yarayan bir uygulamadır. Bu konudaki tek uygulama elbette onesignal değildir. Letreach ve Push notification uygulamaları da aynı işlevi görmektedir. İlgini Çekebilir Letreach ücretsiz tarayıcı ve masaüstü bildirimi uygulaması incelemePush notification nedir, nasıl kurulur? Onesignal Wordpress Kurulumu Onesignal kurulumu iki aşamadan oluşmaktadır. Bunlardan ilki WordPress eklentisini yüklemek diğeri ise kendi sitesi üzerinden Api anahtarı oluşturmaktır. WordPress İçin OneSignal Kurulumu Buraya tıklayarak WordPress eklenti deposundan Onesignal wordpress eklentisinin kurulumunu yapıyoruz. WordPress eklenti kurulumunu bilmiyorsanız WordPress’te eklenti nasıl yüklenir? konusuna bakabilirsiniz.…
OneSignal bildirim sistemi birçok sitede kullanılan güzel bir uygulamadır. Makalenin başında da bahsettiğim gibi farklı uygulamalarda bulunmaktadır. Aralarından dilediğinizi seçip kullanabilirsiniz.

OneSignal İnceleme

Kullanım Kolaylığı - 73%
Ücretsiz Sürümde Limitli Kullanıcı - 50%
Anında Bildirim - 100%
Tarayıcı ve Mobil Desteği - 100%

81%

OneSignal bildirim sistemi birçok sitede kullanılan güzel bir uygulamadır. Makalenin başında da bahsettiğim gibi farklı uygulamalarda bulunmaktadır. Aralarından dilediğinizi seçip kullanabilirsiniz.

Kullanıcı Oyu: 4.61 ( 10 oy)

Yazar Hakkında

Sadri Ercan

Wordpress,Seo,Blogging,Blogger ve Sosyal Medya konularında makaleler yazmakta ve Seo Danışmanlığı yapmaktayım.

72 Yorum

  • Bu ayarları yapmak için birkaç sitenin önerilerini dikkate aldım başarılı olamadım. En son bu sitedeki ayarları yaptım başarılı oldum. Çok teşekkür ederim.

  • Çok faydalı! Bilgiler için teşekkürler. Onesignal API’lerine bağımlı olmamak için kendimiz Google Developer hesabı oluşturup buradan aldığımız API bilgilerini Onesignal üzerinde kullanabiliyor muyuz? Bilginiz var mı? Teşekkürler.

  • Zannetmiyorum. Çünkü Onesignal üzerinden gönderilen bildirimlerde kullanılan API onesignal sisteminin kendi api sistemi.

  • Bu bildirimde tarayıcı üzerinden gönderiyor. Akıllı cihazlar için sistemin ücretli versiyonunu kullanmanız gerekmektedir.

  • Bahsettiğiniz resimler sitenizin ikonudur. Ayarlarda varsayılan herhangi bir resim kullanmanızı sağlayan bir bölüm var.
    Use the post’s featured image for the notification icon kısmı gönderdiğiniz bildirime ait makalenin ikonunu görüntüler.

    Prompt Settings & Notify Button sekmesinde Show the OneSignal logo on the notify button dialog ayarını açtığınızda onesignal logosu çıkar.

    • Hocam anlatmak istediğim ilk abone olma alanında da sitemizin ikonu çıkmıyor onu bir türlü çıkaramadım.
      Son bi sorumda üstten bi bildirim çıkıyor bazı sitelerde bildirim almak ister misiniz diye o alanı da bulamadım.
      Yardımlarınız için şimdiden teşekkür ederim.

      • İkonu değiştirmek için aşağıdaki adımları izleyin. Aynı şekilde safari ayarı için I’d like to upload my own notification icons sekmesini işaretleyin ve açılan kutudan resmi seçin.

        http://hizliresim.com/o0pAnk

        İkinci sorunuz ise wordpress yönetim panelindeki onesignal eklenti ayarlarında “Prompt Settings & Notify Button” sekmesindeki “Automatically prompt new site visitors to subscribe to push notifications” ayarını aktif hale getirin.

        • İlginize çok teşekkür ediyorum hocam çok faydalı oldu. Tek sorun http://hizliresim.com/R1NrVa bu şekilde istemiştim aslında da sadece sağdan bildirim geliyor site adresinin oradan izin ver çıkıyor benim istediğim resimdeki gibi olabilir mi idi.

  • En kısa sürede dediğin şekilde yapılması gereken kod değişikliklerini ekleyeceğim konuya. birkaç düzenleme ile dediğin yapılabiliyor.

    • Teşekkür ediyorum hocam takipteyim yazıyı hiç bir yerde bulamadım nasıl yapılacağını.

      • müsait bir zamanda kendi kullandığım foxpush anlatımını yapacağım. Hem daha basit hem de kullanıcı limiti ücretsiz versiyonda 50.000 kişi.

        • Merhaba hocam sitenize girer girmez dikkatimi çekti şimdi foxpush eklentisi ancak foxpush da sanırım sağda solda bir yerde bildirim çanı vs bulunmuyor. Onesignalden vazgeçmeyi pek düşünemiyorum açıkcası :)Son olarak bi sorum olacak onesignal abone limiti nedir acaba?

          • Küçük bi düzeltme çan mevzusu foxpushda da varmış görmemiş sitesine girince farkettim. Gene takipteyim sitenizi hocam anlatımını yaparsanız bi deneme yapabilirim.

  • Hocam, öncelikle wordpress eğitimi konusunda gerçekten çok iyisiniz. WordPress ile ilgili eğitimi aradığımda kendimi bulduğum sitelerden birisiniz. Sizden öğreneceğimiz çok şey var. soruma gelirsek;

    bu nasıl yapılıyor eklenti mi ? içeriğe yüklemek istiyorum.

    https://www.ssyukle.com/image/qW

    2.sorum sitemizde sözlük kategorisi açtık. burada tanımlamalar var. örneğin yiyeceğin tanımı var. ama yiyecek altında meyve sebze var. meyve nin altında karpuz var. bunların hepsinin kısaca tanımlamalarını yapıyoruz. kullanıcıya breadcrumb gibi veya farklı bir menü gibi tıklayarak ilerlemesini sağlayabilir miyiz ? yoksa her tanım için kategori oluşturmak şart mı ? çünkü kategori butonları hiyerarşik olduğu için kullanıcı hangi başlığın hangi üst başlığa ait olduğunu görebiliyor ama bunun için çok sayıda kategoriye ihtiyaç var. cevaplarsanız çok sevinirim 🙂

  • İlk sorunuzun cevabı için http://www.sadriercan.com/wordpress-yazilariniza-icindekiler-tablosu-ekleyin.html konusuna bakabilirsiniz. İkinci sorunuza gelirsek dediğiniz gibi gezinme çubuğunda göstermek için kategori olrak belirlemek gerekiyor. İlgili başlıklar için etiketler oluşturup sidebar kısmında menü gibi gösterebilirsiniz. Ya da https://tr.wordpress.org/plugins/a-z-listing/ eklentisini kullanarak içeriğinizi A ve Z sıralaması şeklinde gösterebilirsiniz.

    • Hocam mükemmelsiniz.. Gerçekten çok tesekkurler. sanirim tek tek tum blogunuzu okumak gerekiyor. sordugum sorunun sitede var olmasi beni utandirdi dogrusu ama siz yine kirmayip yanitlamissiniz.
      insallah hak ettiginiz yere gelirsiniz 🙂

    • Musait bir zamanda bakacagim ama foxpush kullanmani onerim hem kullanici sayisi hemde bildirim gonderme sayisi olarak daha iyi ayrica ozellikleri de ayni

      • Kesinlikle katılıyorum hocam daha iyi ancak her seferinde sisteme giriş yaparak sürekli yazılan yazıları elle bildirim gönderme olayı çok kötü onesignal o konuda rahat yazıları otomatik bildirimliyor. Bekliyorum hocam inşallah sonucu.

        • wordpress admin panelindeki onesignal ayar sekmesinden Automatically prompt new site visitors to subscribe to push notifications seçeneğini aktifleştirin. Dediğiniz popup çıkacaktır:)

    • Hocam skype adresinisi e mail alanımdaki maile atar mısınız?
      Gerçi sizin onayınızdan geçiyor yorumlar skype adresim BocekBasi

  • Hocam müsaitseniz bakabilir misiniz bu arada üstteki yorumda skype adresimi paylaştım onu da düzenlerseniz sevinirim.

  • Sadri bey ilgi ve alakanıza Çok Teşekkür ederim, gerçekten bu anlatım olmamış olsa bu eklentiyi kurmak benim için çok zor olacaktı. Keşke foxpush için yorumları okuyup ondan sonra bu uygulama ile uğraşsaydım çünkü, bunu başarılı bir şekilde kurmak için 1 saat uğraştıktan sonra ona geçmek zoruma gitti 🙂

    Bende bir soru soracağım, bildirimleri siteye ilk girişlerinde bir defaya mahsus mu veriyor. Serdar bey kardeşim’in sorduğu şekilde yapmak için kod girmemiz mi gerekiyor?

    (Serdar bey ayrıca o siteyi almadığıma hala pişmanım. )

    • Ustten acilan popup seklinde olani ilk giriste gosteriyor fakat sag alt kosedeki zil sembolu surekli gosteriliyor

      • Bende sağdan açılan zil simgesi duruyor fakat, üsteki popup hiç çıkmıyor farklı bilgisayarlar üzerinden deneme yaptım, onun için işaretlemem gereken bir seçenek mi var bilimedim.

        • wordpress admin panelindeki onesignal ayar sekmesinden Automatically prompt new site visitors to subscribe to push notifications seçeneğini aktifleştirin.

    • Hangi siteyi hocam?
      Aslında onesignal kurulumu kolay bence ve foxpushdan daha avantajlı neden derseniz sürekli yazı paylaşımında otomatik olarak kullanıcıya bildirim gönderiyor eklenti
      Bu arada sizde yapamadınız sanırım üstten bildirim olayını 🙂

      • bir ara polislik ila alakalı olan sitenizi satıyordunuz, çok düşündüm almamıştım 🙂 sonra pişman oldum.

  • wordpress admin panelindeki onesignal ayar sekmesinden Automatically prompt new site visitors to subscribe to push notifications seçeneğini aktifleştirin ayrica onesignal sitesindeki chrome api key ve idleri tekrar kopyalayip yapistirin wordpress admin panelindeki onesignal ayar sayfasina ve kaydedin duzelmesi gerek

    • Dediklerinizi yaptım ama bir değişiklik olmadı. Sol üstte izin ver – engelle bildirimi normalde de çalışıyor ama benim istediğim sayfanın ortasından bir pop-up’ın gelmesi. İlk kurulum sırasında onesignal logosunu kullan gibi bir ayarı kaldırmıştım ve o ayar kutucuğu bir daha geri gelmedi. Onunla alakası olabilir mi acaba?

      • Murat bey sorunu sadri hocam çözdü saolsun :).Ayarlarda hiç değişiklik yapmayın aynısını yapın sitedekinin oluyor.

  • Onesignalde bildiğim kadarı ile sayfanın ortasından popup olarak gösterim özelliği bulunmuyor sadece üstten yada sağ alttan açılıyor

  • Sadri bey merhaba, güzel anlatımınız için teşekkürler, ben hem wordpress’te eklentisini kurup aktif hale getirdim hem de google api key ile androidi aktif hale getirdim. Android kısmı android uygulamalara entegre etmek için sanırım. Androidin aktif olmasının bir zararı olur mu?

  • Merhabalar, İmagaza e ticaret alt yapısını kullanıyorum sitemde, onesignali kurup tüm özelleştimelerimi yaptım. Benim istediğim yeni bir ürün eklediğimde kullanıcılarıma bildirim gitmesini istiyorum bunu nasıl yapabilirim? RSS veya XML ile bu mümkün mü acaba?

  • Onesignal bildirimleri için içerik eklendiğinde otomatik olarak bildirim gönderme sadece wordpress altyapısında mevcut. Fakat mevcut abonelerinize Onesignal panelinize giriş yaparak manuel olarak gönderebilirsiniz.

  • Merhabalar,
    Öncelikle anlatımınız için teşekkürler.
    Her şeyi yaptım ama her şey ingilizce görünüyor,
    Bahsettiğiniz ayarlar bölümü nü ben göremiyorum.
    sitem normal site wordpres flan değil.

  • Onesignal.com arayüzü ingilizcedir. Kurulumu anlatıma bakarak yapabilirsiniz. Hangi kısım ingilizce tam net belirtebilirseniz ona göre yardımcı olayım.

    • Kurulumu yaptım, Problem o değil.
      Sitede görünen çan resminin üzerine maus geldiğinde “Bildirime abone ol” yazısı bende ingilizce yazıyor. Yine tıklandığında açan küçük popup sayfası da tamamen ingilizce (https://sadriercan.onesignal.com/subscribe)
      Bu bölümleri istediğm şekilde Türkçeleştiremiyorum.

  • WordPress kullanıyor olsaydınız eklenti içerisinde Türkçeleştirme yapabilirdiniz. Diğer sistemler için ise onesignal SDK dosyası içerisine manuel olarak parametrelerle eklemeniz gerekiyor. Bu konuda net bir bilgim yok lakin kendi sitesinde dökümanları olduğunu biliyorum.

  • Çerezleri temizleyip denediniz mi kurulum aşamalarında sorun yoksa ve ayarlar doğru ise buton kesinlikle çıkacaktır.

  • Hocam selam,

    Ziyaretçiler siteye ilk kez giriş yaptıklarında sizin sitenizde olduğu gibi ortada bir bildirim çıkmasını istiyorum. “Automatically prompt new site visitors to subscribe to push notifications” özelliğini aktif ettiğim zaman aşağıdaki linkteki gibi bir mesaj çıkıyor.

Yorum yapmak ister misin?

Pin It on Pinterest