ONESİGNAL İLE SİTENİZDEN WEB PUSH NOTİFİCATİON (BİLDİRİM) GÖNDERİN - Mert Sabuncu
Ekim 7, 2018 6 Mins Read
Web Push Notification (Anlık Bildirim) Neden Önemli?
Mobil cihazlardan sonra hayatımızın bir parçası haline gelen bildirimler, artık web siteleri içinde oldukça popüler hale gelmiş durumda. Sitenizi ziyaret eden bir kullanıcı muhtemelen içeriğinizle ilgilidir. Eğer içeriğinizi de beğendiyse sonrasında gelişmeleri takip etmek isteyecektir. Yazımızın konusu olan “Web Push Notification” burada kullanıcıyla aranızdaki bağlantıyı sürekli hale getiriyor. Bu sizin içinde karşı taraf içinde önemli bir detay.
Fakat dikkat etmeniz gereken bazı durumlarda mevcut, kullanıcıyı boğmadan ona özgün içerikler göndermelisiniz. Bu gün kurulumunu göstereceğim OneSignal Push Notification uygulaması kullanıcılara özgün içerikler göndermeniz için biçilmiş kaftan niteliğinde. Nasıl sorusunun cevabı ise, kullanıcıları segmente etme özelliğiyle. Segmentler, dijital pazarlamanın gittiği yöndür… Kullanıcıları ilgi alanlarına göre kategorize ederek onlara ilgili oldukları daha önce etkileşimde bulundukları içerikleri göstermektir. İnternette dolaşırken artık sık sık görmeye alıştığınız reklamlarda bir farklılık ortaya çıkıyor. Kişiselleştirilmiş içerik… Bu özellik reklam verenlerin de bütçelerini optimize etmeye yaradığı için hızla gelişiyor.
Ben, ağırlıklı kullanımımı alışveriş kategorisinde faaliyet gösteren Taglist App üzerinden denediğim için bu araçlara bakış açım böyle. Sizde yaptığınız işin sürekli ve getirisi olan bir model haline gelmesini istiyorsanız bakış açınızı bu yöne en yakın zamanda çevirmelisiniz.
Eski bir yazı e ticaret üzerinde denemeler yaparken yazdığım bir paragraf olmuş. Blogu ele alırsak: Yeni yazı yazdığınızda, otomatik bildirim göndermek faydalı olabilir. SEO açısından da kolay indekslenmesini sağlayacaktır, yeni içeriğe kullanıcı hareketi çekmek.
Bu gün WordPress üzerinde bir kurulum gerçekleştireceğim. Adımları takip ederek sizde sorunsuz bir kurulum gerçekleştirebilirsiniz. Eklenti kurmayı bilmiyorsanız daha önce hazırladığım Adım Adım WordPress Eklenti Kurulum Rehberini buradan okuyabilirsiniz. Aklınıza takılanları yorum veya mail yoluyla yazarsanız en kısa sürede cevaplamaya çalışacağım. O halde başlayalım…
OneSignal Kurulum Rehberi
OneSignal web sitesine girerek kullanıcı hesabınızı oluşturun. Kullanıcı hesabı oluşturduktan sonra Dashboard da bizi böyle bir ekran karşılayacak. Add App seçeneğine tıklıyoruz.
Gelen ekranda App ismimizi yazıyoruz. Bu ismi sadece siz göreceksiniz. Birden fazla siteniz varsa daha sonra karıştırmamanız için site isimlerinizi verebilirsiniz. Add App seçeneğine tıklayarak geçiyoruz.
Bu gün Web sürümler için kurulumu göstereceğim için Web Push seçeneğine tıklıyoruz. Ardından Nextdiyoruz.
Google Chrome ve Mozilla Firefox için bildirim ayarı yapacağız. Safari tarayıcısı için ben de bir kurulum yapmadım. Fakat sizden 2 adet sertifika isteyecektir. Talep olursa bununla alakalı bir güncellemede yaparım ileride.
Gelen sayfada: WordPress üzerinde yapacağımız için aşağıdaki adımları izleyelim WordPress Plugin or Website Builder>Wordpress
Hemen aşağıda bizden bazı bilgiler doldurmamızı isteyecektir. Örnekteki gibi doldurabilirsiniz. Eski OneSignal’de bu kısım biraz daha zordu, kolaylaştırılmış. Doldurduktan sonra Save seçeneğine tıklayalım.
Bu ekran açık kalsın, yeni bir sekme açarak WordPress’e OneSignal eklentisini, buradan kuralım. Sayfada yazmakta olan Rest API Key ve App ID’yi birazdan kullanacağız.
WordPress üzerinde gerçekleştirdiğimiz kurulumun ardından OneSignal uygulamamızı açalım bizden Rest API Key ve App ID istiyor. Biraz önce sekme olarak açık bıraktığımız siteden bilgileri alıp girelim.
Şimdi WordPress üzerinde ince ayarlar yapabiliriz. WordPress kullanıcı panelimizin menüsünde OneSignal seçeneğine tıklayalım. Confirguration seçeneğine geçelim.
Use the post’s featured image for the notification icon: Bildirimlerde yazı kapağı/ürün sayfada öne çıkarttığımız görselin görünmesini istiyorsak bu seçeneği işaretleyin. (Öneririm)
Use the post’s featured image for Chrome’s large notification image: Chrome simgesi gösterir. (Önermem)
Send notifications additionally to iOS & Android platforms: Mobil cihazlara bildirim gönderilmesini istiyorsanız bu seçeneği işaretleyin. (Öneririm)
Eğer sitenizde görselde ki gibi sürekli bildirim logosunun görünmesini istiyorsanız Enable the Subscription Bell seçeneğini aktif edebilirsiniz. Ben tercih etmiyorum.
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.
Bu alanda bildirim senaryolarınızı yazacaksınız. Ben bu senaryoyu kullanıyorum, sizde burada yazılanlar ışığında içeriği düzenleyebilirsiniz.
First-time visitor message (on notify button hover): Karşılama yazısı. (Hoşgeldin!)
Tip when unsubscribed: Abonelik olmadığında yazacak söz. (Yeni eklenen konulardan haberdar olmak için buradan abone olunuz.)
Tip when subscribed: Abone olunduğunda yazacak söz. (Yeni eklenen konulardan ilk siz haberdar olacaksınız.)
Tip when blocked: Engelleme yapıldığında yazacak söz. (Engellendi.)
Message on subscribed: Abonelik tamamlandığında yazacak söz. (Tebrikler! Aboneliğiniz tamamlandı.)
Message on re-subscribed (after first unsubscribing): Abonelik yenilendiğinde yazacak söz.(Aboneliğiniz yenilendi.)
Message on unsubscribed: Abone olmamış ise. (Henüz abone değilsiniz. Yeni yazıları ilk keşfeden siz olun!)
Main dialog title: Sitenin yada diyalog kutusunun başlığı.
Main dialog subscribe button: Abone değil ise tıkladığında. (Abone olun.)
Main dialog unsubscribe button: Abone ise tıklandığında. (Abonelik iptali.)
Blocked dialog title: İletişim başlığı engellendi.
Blocked dialog message: İletişim kutusu engellendi.
HTTP Pop-Up Settings kısmı seçeneklerini pasif hale getirelim
Welcome Notification Settings kısmını görseledeki gibi kendinize göre özelleştirin.
Tebrikler! Artık Web siteniz üzerinden bildirime izin veren kullanıcılarınızla iletişime geçebilirsiniz.