Search

Page tree

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Web push bildirimleri, bir web sitesinden gelen iletilerdir. Tarayıcınızda web sitesi açık değilken bile onları masaüstünüzde veya cihazınızda bulabilirsiniz. Site ziyaretçilerinizi, e-postalarını veya diğer iletişim bilgilerini bilmeden yeniden devreye sokmak için yeni bir pazarlama kanalıdır.

Desteklenen Platformlar 

TarayıcıWindowsmacOSAndroidiOS
Chrome

Status
colourGreen
titlevar

Status
colourGreen
titlevar

Status
colourGreen
titlevar

Status
colourRed
titleGeçersİz

Firefox

Status
colourGreen
titlevar

Status
colourGreen
titlevar

Status
colourGreen
titlevar

Status
colourRed
titleGeçersİz

Safari

Status
colourRed
titleGeçersİz

Status
colourGreen
titlevar

Status
colourRed
titleGeçersİz

Status
colourRed
titleGeçersİz

*Incognito (Gizli Mod) tarayıcılarda desteklenmemektedir.

Anchor
sdk
sdk

Web Push SDK Kurulumu

HTTP web siteleri için RMC SDK Kurulum Kılavuzu. 

Bu bölümü tamamladıktan sonra, web siteniz üzerinden ziyaretçilere bildirim gönderebilir ve ziyaretçileriniz sitenizin web push programlarına abone olabilir.

İlgili Önemli Adımlar: 

  1. RMC arayüzünden web uygulaması tanımlama.
  2. Site üzerine ilgili scriptleri ve dosyaları yerleştirme. 

Anchor
webuyg
webuyg

RMC Arayüzünden Web Uygulaması Tanımlama

Web Push uygulaması tanımlamak için; Ayarlar İkonu > Campaign Management > Kampanya Ayarları >  Push Uygulamaları > Yeni Web Sitesi seçin. 

Panel
borderWidth0

Note

Web Push SDK kurulum adımları site güvenlik protokolüne göre varyasyon göstermektedir;


Anchor
web
web

Panel
borderWidth2
borderStyledashed
titleWeb Sitesi Ayarları

  • Web Sitesi Adı: Web push gönderimi yapılmak istenen web sitesi adının girildiği alandır.
    Status
    colourGreen
    titleHTTP
    Status
    subtletrue
    colourRed
    titleHTTPs
  • Web Sitesi Adresi: Web push gönderimi yapılmak istenen web sitesi adresinin girildiği alandır.
    Status
    colourGreen
    titleHTTP
    Status
    subtletrue
    colourRed
    titleHTTPs
  • Https: HTTPS protokolünde çalışan web siteleri için kurulum yapılmak istendiğinde işaretlenir.
    Status
    subtletrue
    colourRed
    titleHTTPs
  • Branded Subdomain: HTTP Protokolünde kurulum yapılırken, gönderim izni alım esnasında yönlendirilecek sayfanın adresinin girildiği alandır.
    Status
    colourGreen
    titleHTTP

    Sitenizin bildirimleri alan adınız yerine relateddigital.com'un bir alt alan adı olarak görüntülenir.

  • Varsayılan Çerez: Kullanıcının sitenizde üye bilgisinin/idsinin tutulduğunun cookie'nin adı/anahtarı.
    Status
    colourGreen
    titleHTTP
    Status
    subtletrue
    colourRed
    titleHTTPs
  • Varsayılan Başlık: Kullanıcı izni alırken, tarayıcı sistem uyarısı (native alert) penceresi için varsayılan başlığın girildiği alandır.
    Status
    colourGreen
    titleHTTP
    Status
    subtletrue
    colourRed
    titleHTTPs
  • Varsayılan Mesaj: Kullanıcı izni alırken, tarayıcı sistem uyarısı (native alert) penceresi için varsayılan mesajın girildiği alandır.
    Status
    colourGreen
    titleHTTP
    Status
    subtletrue
    colourRed
    titleHTTPs
  • Varsayılan İkon: Kullanıcı izni alırken, tarayıcı sistem uyarısı (native alert) penceresinde ve opt-in penceresinde görüntülenecek ikonun girildiği alandır.
    Status
    colourGreen
    titleHTTP
    Status
    subtletrue
    colourRed
    titleHTTPs

    Maks 192x192 px boyutunda olmalıdır.


Anchor
gcm
gcm

Panel
borderColor#FBAC2B
borderWidth2
titleBGColor#FBAC2B
borderStyledashed
titleChrome & Firefox Ayarları

  • Related App Alias: Burada sadece uygulamanız için bir app alias belirlemeniz yeterli olacaktır.(Örneğin; related_webpushapp)


Anchor
safari
safari

Panel
borderColor#3BC3DF
borderWidth2
titleBGColor#3BC3DF
borderStyledashed
titleSafari Konfigurasyonu

  • Website Push ID: Apple Developer Hesabı ile edinilmiş push ID değerinin girildiği alandır.
  • Safari Alias: Web Push uygulaması için verilecek isim.
    Safari kurulumu farklı platform olarak sisteme kayıt edildiğinden; Uygulamanızı isimlendirirken Chrome&Firefox ayarlarında verdiğiniz isme _safari ekleyerek isimlendirmeniz tavsiye edilir. Safari uygulamanız Web push kampanyası oluştururken Web Siteleri alanında, burada vereceğiniz isimle görüntülenir.
  • İzin Verilen Domainler: Kullanıcılardan izin talep etmesine izin verilecek web sitelerinin adresleri.
  • İkon: İzin bildiriminde görüntülecek ikonun girildiği alandır.
    Maks. 256x256 px olmalıdır.
  • Url Formatted String: Bildirim tıklandığında gidilecek olan hedef URL'in girildiği alandır.
    Bildiriminiz ulaşırken doldurduğunuz bağımsız değişkenler için % @ öğesini yer tutucu olarak kullanın. Bu URL yazımında http veya https olmalıdır; Aksi halde geçersizdir.



Anchor
optin
optin

Panel
borderWidth2
borderStyledashed
titleOpt-In Ekran Ayarları


  • Tema: İzin Alım ekranı için temanın seçildiği alandır.
  • Arkaplan Rengi: İzin Alım ekranı için arkaplan renginin belirlendiği alandır.
  • Pozisyon: İzin Alım ekranının site üzerinde görüntüleneceği bölgenin belirlendiği alandır.
  • Sol boşluk(px): İzin alım ekranının görüntüleneceği bölgeye göre px cinsinden sol boşluk bırakılması istendiğinde bu alana değer girilir.
  • Sağ boşluk(px): İzin alım ekranının görüntüleneceği bölgeye göre px cinsinden sağ boşluk bırakılması istendiğinde bu alana değer girilir.
  • Gecikme Süresi (saniye): İzin alım ekranının kullanıcı ziyaretine başladıktan ne kadar süre sonra gösterilmesi isteniyor ise bu alana saniye cisinden değer girilir.
  • Başlık: İzin alım ekranı için varsayılan başlığın girildiği alandır.
  • Mesaj: İzin alım ekranı için varsayılan mesajın girildiği alandır.
  • Allow Button: Web Push bildirim izninin onaylanması için yapılandırılan butondur.
    • Arkaplan Rengi: Onay butonu için arka plan rengi belirlenen alandır.
    • Yazı Rengi: Onay butonu üzerinde yer alacak yazının renginin belirlendiği alandır.
    • Yazı: Onay butonu üzerinde yer alacak yazının girildiği alandır.
  • Deny Button: Web Push bildirim izninin yoksayılması için yapılandırılan butondur.
    • Arkaplan Rengi: Yoksay butonu için arkplan rengi belirlenen alandır.
    • Yazı Rengi: Yoksay butonu üzerinde yer alacak yazının renginin belirlendiği alandır.
    • Yazı: Yoksay butonu üzerinde yer alacak yazının girildiği alandır.


Anchor
sema
sema

İzin Alım (Opt-In) Süreci

RMC, web bildirimlerine abonelik sürecinde, üye olmayan kullanıcıların tekrardan üye olmak istemeleri durumunda sorun yaşamamaları açısından;  tarayıcıların var olan sistem uyarıları(native alert) yerine ilk etapta Opt-In ekranı üzerinden kayıt olmalarını sağlamaktadır. 

Panel
titleRMC Web Push Opt-in Şeması


*Ziyaretçi browser ayarlarından bildirim onayını tekrardan aktif hale getirmediği takdirde.

Anchor
script
script

Site Üzerine İlgili Scriptleri ve Dosyaları Yerleştirme.

Tanımlamaları yaptıktan sonra sağ alttan Güncelle butonuna tıklayınız. Butona tıkladıktan sonra çıkan pop-up içerisindeki kod parçacığını opt-in ekranının gösterilmesini istediğiniz sayfalara yerleştiriniz.


Web siteniz eğer HTTPS destekliyorsa, relatedpush_sw.js dosyasını sitenizin kök (root) klasörüne yerleştiriniz.

Image Added