Top
Wordpress Siteye OneSignal Bildirimi Nasıl Eklenir ? – Cemil Yeşil / Mobile Application Developer
fade
3338
post-template-default,single,single-post,postid-3338,single-format-standard,eltd-core-1.1.1,flow-ver-1.3.7,,eltd-smooth-page-transitions,ajax,eltd-grid-1480,eltd-blog-installed,page-template-blog-standard,eltd-header-standard,eltd-sticky-header-on-scroll-up,eltd-default-mobile-header,eltd-sticky-up-mobile-header,eltd-dropdown-default,wpb-js-composer js-comp-ver-5.2.1,vc_responsive

WordPress Siteye OneSignal Bildirimi Nasıl Eklenir ?

onesignal push notification

WordPress Siteye OneSignal Bildirimi Nasıl Eklenir ?

Facebook gibi popüler web sitelerinde kullanılan web itme bildirimlerini fark ettiniz mi? Kısa bir süre önce okuyucularımızdan birisi WordPress’te web push bildirimlerinin eklenip eklenemediğini sordu. Tabiki öyle. Bu makalede, WordPress sitenize web push bildiriminin nasıl ekleneceğini göstereceğiz.

Bir WordPress sitesine web itme bildirimleri ekleme

WordPress Sitenize Neden Web Push Bildirimleri Ekleyin?

Web push bildirimleri, kullanıcının Masaüstünün üstünde görüntülenen tıklanabilir mesajlardır. Kullanıcı tarayıcısı açık değilken bile gösterilebilirler.

Google Chrome, Firefox ve Safari web tarayıcıları ile Masaüstünde görüntülenen Web push bildirimleri

Masaüstünün yanı sıra İnternet üzerinden push bildirimleri de mobil tarayıcılarda çalışır.

Facebook, Pinterest, LinkedIn ve diğerleri dahil popüler siteler zaten web push bildirimlerini kullanıyor. SMS, e-posta pazarlaması ve diğer sosyal medyadan daha etkileyici olduğunu kanıtlıyor . Ankete göre, itme bildirimlerinin mobil cihazlarda% 50 açık bir oranı var.

Bu, WordPress siteniz için daha fazla katılımcı kitlesi anlamına gelir ve genel sayfa görüntülemeleriniz ve geri dönen ziyaretçileriniz arasında önemli bir artış olur .

Bunu söyleyerek, bir WordPress sitesine web push bildirimlerinin nasıl ekleneceğine bir göz atalım.

OneSignal ile WordPress’te Web İhbar Bildirimlerini Ayarlama

OneSignal, herhangi bir web sitesine, web’e veya mobil uygulamaya push bildirimi eklemenize izin veren ücretsiz bir hizmettir.

Yapmanız gereken ilk şey, OneSignal eklentisini kurup etkinleştirmektir . Daha fazla ayrıntı için, bir WordPress eklentisinin nasıl kurulacağı konusunda adım adım kılavuzumuza bakın .

Etkinleştirme üzerine, eklenti WordPress yönetici çubuğunuza OneSignal etiketli yeni bir menü öğesi ekleyecektir. Üzerine tıklanarak eklentinin ayarları sayfasına yönlendirilirsiniz.

OneSignal WordPress eklenti ayarları

Ayarlar sayfası Kurulum ve Yapılandırma sekmelerine ayrılmıştır. Kurulum sekmesi aslında OneSignal push bildirimlerini WordPress’de kurma konusunda ayrıntılı belgelerdir. Bu dersin içinde size göstereceğimiz adımlar aynıdır.

OneSignal’ı kurmak için eklenti ayarlarına farklı API anahtarları ve uygulama kimlikleri eklemelisiniz.

Başlayalım.

1. Adım: Google Anahtarları Oluşturun

Önce Google Hizmetleri Sihirbazı web sitesini ziyaret etmeniz gerekiyor .

Google hizmetleri uygulaması oluşturma

Uygulamanız için bir ad verin ve bir Android paketi adı ekleyin. OneSignal Android paketi adını kullanmaz, ancak bu zorunlu bir alandır.

Sonra, ülkenizi ve bölgenizi seçin, ardından ‘Hizmetleri seç ve yapılandır’ düğmesine tıklayın.

Bu sizi, uygulamanızla kullanmak istediğiniz Google hizmetlerini seçmeniz istenecek bir sonraki ekrana götürecektir. ‘Google Cloud Messaging’ı etkinleştir’ düğmesini tıklamanız gerekir.

Bulut mesajlaşma özelliğini etkinleştir

Sunucunuzun API anahtarı ve Gönderen Kimliğini şimdi göreceksiniz.

Sunucu API'sı ve Gönderen Kimliği

Gönderen Kimliğinizi kopyalamanız ve Google Project Number alanının altındaki WordPress eklentisinin Yapılandırma sekmesine yapıştırmanız gerekir.

Ayrıca, Sunucu API anahtarınızı kopyalamanız ve bilgisayarınızdaki bir metin dosyasına yapıştırmanız gerekir. Bu öğreticide daha sonra bu API anahtarına ihtiyacınız olacaktır.

2. Adım: Chrome ve Firefox’a Push Bildirimleri ayarlama

Chrome ve Firefox’ta push bildirimlerini kuracağız. Önce OneSignal web sitesini ziyaret etmeniz ve ücretsiz hesabınızı oluşturmanız gerekir.

Hesabınızı oluşturduktan sonra, giriş yapmanız ve ‘Yeni bir uygulama ekle’ düğmesini tıklamanız gerekir.

Yeni OneSignal uygulaması ekle

Uygulamanız için bir ad girmeniz istenecektir. İstediğiniz herhangi bir ismi kullanabilir ve devam etmek için ‘Oluştur’ düğmesini tıklayabilirsiniz.

Uygulama ismi

Sonraki sayfada, yapılandırılacak bir platform seçmeniz istenecektir. ‘Web Sitesi Push’u seçmeniz ve devam etmek için bir sonraki düğmeyi tıklamanız gerekir.

Web Sitesi Push

Ardından tarayıcı platformunu seçmeniz istenecektir. Bir kutuda Google Chrome ve Mozilla Firefox’u, başka bir kutuda Safari’yi görürsünüz.

Google Chrome ve Mozilla Firefox kutusunu tıklatmanız gerekir. Safari’yi nasıl kuracağınızı göstereceğiz, daha sonra bu makalede.

Tarayıcı platformunu seçin

Devam etmek için bir sonraki düğmeyi tıklayın.

Bir sonraki adımda, varsayılan bildirim simge resminiz için WordPress sitenizin URL’sini, Google Server API anahtarını ve URL’sini girmeniz istenecektir.

Uygulama ayarları

Web siteniz SSL / HTTPS’yi desteklemiyorsa , “Sitem tamamen HTTPS değil”seçeneğinin yanındaki kutuyu işaretlemeniz gerekir . Web sitenizden SSL de kurabilirsiniz , isterseniz gerekli değildir.

Google Chrome, SSL veya http web siteleri için web push bildirimlerini desteklemez. OneSignal, kullanıcıları kendi https alanlarında bir alt alana abone olarak bu sorunu çözer.

Denetleme ‘Sitem tamamen HTTPS değil’ HTTP geçiş seçeneklerini görüntüler seçeneği. Uygulamanız için bir alt alan seçmeniz ve ilk adımda oluşturduğunuz Google Proje Numarası veya Gönderen Kimliği’ni girmeniz gerekir.

http değiştirme seçenekleri

Devam etmek için Kaydet düğmesini tıklayın. Şimdi bu iletişim kutusundan çıkabilirsiniz. Kurulumunuz henüz tamamlanmadığına ve daha sonra tekrar başlatılabileceğine dair bir uyarıda bulunmanız istenir. Diyalog kutusunu kapatmak için Evet’i tıklayın.

3. Adım: Tek Sinyal Anahtarlarının Alınması

Artık web siteniz için OneSignal Keys almalısınız. Uygulama gösterge tablonuzdan Uygulama Ayarları ‘nı tıklayın.

Uygulama Ayarları bağlantısı

Bu sizi uygulama ayarları sayfanıza götürür. Tuşlar ve Kimlikler sekmesini tıklamanız gerekir.

Tuşlar ve Kimlikler

Bu, OneSignal Uygulama Kimliği’ni ve Dinlenme API Anahtarı’nı gösterecektir.

Uygulama Kimliği ve Dinlenme API Anahtarı

Onları sitenizdeki OneSignal WordPress eklentisinin yapılandırma sekmesinde kopyalayıp yapıştırmanız gerekir.

4. Adım: Safari Web’de Push Bildirimlerini Ayarlama

Unutmayın, Safari web push bildirim ayarlarını atladık. Şimdi size Safari web push uyarılarını nasıl ayarlayacağınızı göstereceğiz.

OneSignal hesabınıza giriş yapın ve Uygulama Ayarları sayfasına gidin. Web platformlarına gidin ve Apple Safari’nin yanındaki yapılandırma düğmesine tıklayın.

Apple Safari'yi yapılandırın

Bu, site adınızı ve site URL’nizi girmeniz istenilecek bir iletişim kutusu getirecektir.

Safari web push bildirim ayarları

Sonra ‘Kendi bildirim simgelerimi yüklemek isterim’ seçeneğinin yanındaki kutuyu işaretlemeniz gerekir .

Artık farklı simge boyutları yüklemek için bir seçenek göreceksiniz. Bunlar kare görüntülerdir, kesin boyutlarda simgeler oluşturmak için Photoshop’u veya herhangi bir resim düzenleme programını kullanın.

Tüm simgelerinizi yüklemek için dosya seç düğmelerini tıklayın.

Safari web push bildirimi için bildirim simgelerini yükle

Kaydet düğmesini tıklayın ve ardından iletişim kutusunu kapatın.

Uygulama Ayarları sayfasını yenileyin ve Web Platformları bölümüne gidin. Bu sefer Apple Safari altında ‘Web Kimliği’ öğesini göreceksiniz.

Safari web kimliği

Bu web kimliğini kopyalamanız ve Sitenizdeki OneSignal eklentisinin Yapılandırma sekmesine yapıştırmanız gerekir.

Hepsi bu, WordPress siteniz için OneSignal web push bildirimlerini başarıyla kurduk.

Adım 5: WordPress Sitenizdeki Web İhbar Bildirimlerini Test Etme

Varsayılan olarak, OneSignal eklentisi WordPress sitenize bir abonelik simgesi ekleyecek. Web sitenizi desteklenen bir tarayıcıda ziyaret edin ve daha sonra abonelik düğmesine tıklayın.

Abone push bildirimleri düğmesi

Varsayılan ‘abone olduğunuz için teşekkür ederiz’ mesajı görürsünüz.

Şimdi OneSignal hesabına giriş yapın. Uygulama adınızı ve ardından Uygulama Ayarları’nı tıklayın.

Web platformları bölümüne gidin ve Google Chrome ve Firefox’un yanındaki yapılandırma düğmesini tıklayın.

Chrome ve Firefox için web push bildirimlerini yapılandırma

Daha önce doldurduğunuz platform yapılandırma ekranını göreceksiniz. Kaydet düğmesini tıklatıp Devam düğmesine tıklayın.

web push bildirimlerini sınama

Siz hedef SDK’yi seçmeniz istenecektir. WordPress’i seçmeniz ve ardından İleri’ye tıklamanız gerekir.

WordPress'i seçin

Şu an sadece bir aboneniz olduğundan, abone kimliğiniz otomatik olarak doldurulacaktır.

Bir sonraki düğmeyi tıklayın ve ‘Ayarları Test Et’ adımına erişeceksiniz .

Tıklayın ‘Test Notification Gönder’ butonuna.

Test bildirimi gönder

One Signal artık bir web push bildirimi gönderiyor.

Bildirimler görünümü, abone olmak için kullandığınız tarayıcıya bağlı olarak farklılık gösterebilir. Bildirim bilgisayar ekranınızda göründüğünde, üzerine tıklamanız gerekir.

Test bildirimi

Web siteniz için OneSignal web push bildirimlerini başarıyla kurduğunuzu gösteren onaylama ekranına yönlendirilirsiniz.

Başarı mesajı

OneSignal web sitesinde yapılandırma ekranına dönün ve ‘ Bildirim Durumunu Kontrol Edin ‘ düğmesine tıklayın.

Bildirim durumunu kontrol et

Artık, WordPress sitenize web itme bildirimlerini başarıyla eklediğinizi gösteren başka bir başarı mesajı göreceksiniz.

OneSignal ile WordPress’te Web İhbar Bildirimleri Nasıl Gönderilir

WordPress sitenizdeki OneSignal web push notifications eklentisi, yeni bir yayın yayınladığınızda otomatik olarak tüm abonelere bir bildirim gönderecektir.

Bildirimleri OneSignal Uygulama Gösterge Tablosundan manuel olarak da gönderebilirsiniz. OneSignal hesabınıza giriş yapın ve uygulamanızın adını tıklayın.

Sol taraftaki menüden ‘Yeni Mesaj’ düğmesine tıklayın.

Yeni bir web push bildirim mesajı gönderme

Bu sizi yeni mesaj ekranına götürür. Bildiriminiz için bir başlık ve bazı içerik girebilirsiniz.

Yeni push bildirim mesajınızı OneSignal'a yazın

Ayrıca, web push bildiriminizi daha da özelleştirmek için Seçenekler, Segment, Zamanlama / Daha Sonra Gönder’i tıklayabilirsiniz.

Örneğin, onu sitenizdeki belirli bir sayfaya bağlayabilir, kullanıcılarınızın belirli bir bölümüne gönderebilir veya belirli bir saatte gönderilmesini planlayabilirsiniz.

No Comments

Sorry, the comment form is closed at this time.

Whatsapp İletişim