Web izin istemleri

Genel bakış

“İstem gösterme” (Prompting), kullanıcılardan kendilerine mesaj gönderme izni isteme sürecini ifade eder. İstemler, tarayıcıda veya mobil uygulamada sunulan açılır mesajlardır ve kullanıcının abone olmak ve mesaj almak için “İzin Ver”e tıklamasını gerektirir. Bu kılavuz, farklı web istemi türlerini ve bunların nasıl yapılandırılacağını kapsar. Web push masaüstünde, Android’de ve iOS’ta çalışır, ancak iOS için web push ek adımlar gerektirir. Bir mobil uygulamanız varsa, Uygulama İçi Mesajlarla Push İzinleri için nasıl istem gösterileceğine bakın. Tarayıcılar, kullanıcının web sitenizde push bildirimlerine abone olması için hem gösterilmesi hem de “İzin Ver” tıklanması gereken kendi yerel, sistem düzeyinde izin istemlerini sağlar. Tarayıcılar artık yerel izin istemini gösterme konusunda web sitelerinin daha seçici olmasını şiddetle öneriyor. Bu nedenle yerel istemden önce OneSignal İstemleri veya kendi özel “yumuşak istemlerinizi” kullanmanız teşvik edilir.

OneSignal istemleri (yumuşak istemler)

OneSignal yumuşak istemleri, tarayıcının yerel izin isteminden önce görünen kullanıcı dostu, özelleştirilebilir istemlerdir. Bu istemler kullanıcıları kendi başlarına mesajlara abone etmez; bunun yerine şunlara yardımcı olur:

Mesajlara abone olmanın değerini açıklamak (push, e-posta veya SMS).
Tarayıcıların izin isteklerini otomatik olarak engellemesini önlemek.
Yerel tarayıcı istemini yalnızca kullanıcı ilgisini gösterdikten sonra başlatmak.

Yumuşak istemler tarayıcılar tarafından önerilir ve domain itibarınızı korurken etkileşim oranlarını maksimize etmeye yardımcı olur.

İstem simgesi

Settings > Push & In-App > Web bölümünde bir Default Icon ayarlayın. Bu simge, mesaj başına geçersiz kılmadığınız sürece web push bildirimlerinde ve istemlerde görünür.

Kabul edilen formatlar: PNG, JPG veya animasyonsuz GIF
Önerilen boyut: 256×256 piksel
Ayarlanmazsa, OneSignal genel bir zil simgesi kullanır

Tarayıcı kırpması, Android Chrome rozeti ve mesaj başına geçersiz kılmalar için Bildirim simgeleri’ne bakın.

Web push ayarlarının Site setup bölümü

İzin istemi kurulumu

Sitenizde görüntülemek istediğiniz istemleri yapılandırın. OneSignal dashboard’unuzda şu yolu izleyin: Settings > Push & In-App > Web Settings > Permission Prompt Setup. Oradan, OneSignal’in mevcut istem türlerinden birini seçmek için Add Prompt’a tıklayın. Listede zaten gösterilen mevcut istemleri de düzenleyebilirsiniz.

Add Prompt düğmesiyle izin istemi kurulum sayfası — Yeni istemler ekleyin veya düzenlemek istediğiniz istemi seçin

Her istem türünün farklı kullanım alanları ve görüntüleme davranışları vardır. Kullanıcıları web sitenizin UX’ine uygun bir şekilde abonelik sürecinde yönlendirmek için bunları ayrı ayrı veya birlikte kullanabilirsiniz. Mevcut istemler:

Slidedown: Push bildirimleri ve isteğe bağlı kategori seçimi için kullanılan görsel olarak belirgin bir istem.
Email/Phone prompt: Kullanıcı e-posta adreslerini, telefon numaralarını veya her ikisini toplamak için kullanılır.
Subscription bell prompt: Push abonelikleri için genellikle sitenizin alt köşesine yerleştirilen kalıcı bir yüzen widget.
Custom link prompt: Yerel tarayıcı istemini tetikleyen, sitenize gömülü özelleştirilebilir bir düğme veya bağlantı.
Native permission prompt: Kullanıcıların push bildirimleri alabilmesi için kabul edilmesi gereken gerekli tarayıcı düzeyinde istem.

Slidedown & category

Slide ve Category istemleri masaüstünde ekranın üst merkezinde ve mobilde alt merkezde belirgin şekilde görünür. Bunlar, gerekli yerel izin isteminden önce gösterilen yüksek görünürlüğe sahip yumuşak istemlerdir. Kullanıcıyı kendi başlarına abone etmezler ancak abonelik akışını başlatmaya ve kullanıcı ilgisini yakalamaya yardımcı olurlar.

Chrome masaüstünde kategori etiketleriyle animasyonlu slide istemi — Kategori etiketleriyle slide istemi

Bir Slide İstemi eklemek için aşağıdaki adımları izleyin: Tipik Site & WordPress Kurulumu:

Settings > Push & In-App > Web Settings > Permission Prompt Setup bölümüne gidin
Add Prompt > Push Prompt > Push Slide Prompt seçin

Custom Code Kurulumu: OneSignal init kodunuzun promptOptions nesnesi içinde slidedown özelliğini kullanın. Daha fazla ayrıntı için Web SDK Referansı’na bakın.

Dashboard'da push slide istemi yapılandırma seçenekleri — Push slide istemi seçenekleri

İstemi tetiklemeyle ilgili ayrıntılar için Otomatik istem & görüntüleme ayarları’na bakın.

Slide istem metni

Slide istemde görüntülenen metni özelleştirebilirsiniz:

Eylem mesajı: 90 karaktere kadar
Düğme etiketleri: her biri 15 karaktere kadar
Font, boyut veya renk özelleştirmesi şu anda desteklenmiyor

Dashboard’da metin özelleştirme seçeneğini etkinleştirin. Metin girilmezse, varsayılan metin kullanılacaktır.

Slide istemi metin özelleştirme alanları — Slide istem metin seçenekleri

İşiniz bittiğinde, Done’a tıklayın ve bunun etkili olmasını görmek için sonraki sayfada tekrar Save’e tıklayın.

Custom Code kurulumu için, OneSignal init kodunuzun promptOptions nesnesi içinde text özelliklerini kullanın. Daha fazla ayrıntı için Web SDK Referansı’na bakın.

Kategoriler

Slidedown istemini kategoriler ekleyerek geliştirebilirsiniz—kullanıcıların belirli mesaj konularına (örneğin, Haberler, Satışlar, Güncellemeler) ilgi göstermelerini sağlayan onay kutuları.

10 kategoriye kadar izin verilir
Her kategori, 1 (seçili) veya 0 (seçili değil) değeriyle bir Veri Etiketi olarak saklanır
Segmentasyon ve mesajları kullanıcı tercihlerine göre hedefleme için kullanışlıdır

Kullanıcıların tercihlerini güncellemelerine izin vermek için kategori istemini daha sonra tekrar görüntüleyebilirsiniz. Daha önce seçilen değerler, üzerine yazılmadıkça korunacaktır.

Label: kullanıcının istemde gördüğü şey. İlk harfi büyük yapmanız önerilir.
Tag Key: OneSignal’deki etiketin ne olacağı. cat_<category> adlandırma kuralını kullanın (küçük harf, boşluklar için alt çizgi) — örneğin cat_breaking_news, cat_sports, cat_apparel. Bu, OneSignal sektör kılavuzlarında kullanılan kuralla eşleşir ve aynı Etiket ad alanının sayfa ziyareti davranışından otomatik olarak doldurulmasına olanak tanır. Otomatik etiketleme kalıbı için Kullanıcıları sayfa konusuna göre etiketleme’ye bakın.
Update Instructions, Positive and Negative Buttons: kullanıcı zaten push’a abone olduktan sonra kategori istemini tekrar görüntülemeyi seçerseniz, eylem mesajı yerine güncelleme talimatları gösterilir. Bu, kullanıcıya kategorilerini güncelleyebileceklerini bildirmenize olanak tanır.

Label ve tag key alanlarını gösteren kategori yapılandırması — Label ve tag key ile kategori yapılandırması

İşiniz bittiğinde, Done’a tıklayın ve bunun etkili olmasını görmek için sonraki sayfada tekrar Save’e tıklayın.

Custom Code kurulumu için, OneSignal init kodunuzun promptOptions nesnesi içinde categories özelliklerini kullanın. Daha fazla ayrıntı için Web SDK Referansı’na bakın.

İstemi tetiklemeyle ilgili ayrıntılar için Otomatik istem & görüntüleme ayarları’na bakın.

Email & phone number prompt

Email & Phone İstemi, isteğe bağlı kullanıcı iletişim bilgilerini doğrudan bir Slidedown içinde toplar. Her alanda doğru formatlamayı sağlamak için yerleşik doğrulama vardır. Gönderildikten sonra:

Kullanıcı için yeni Email ve/veya SMS abonelikleri oluşturulur
Bu kanallar üzerinden onlara mesaj göndermeye başlayabilirsiniz

Bu istemi eklemek için:

Settings > Push & In-App > Web Settings > Permission Prompt Setup > Add Prompt > Email/Phone Prompt bölümüne gidin.

E-posta ve telefon numarası istemi kurulum seçenekleri — E-posta ve telefon numarası istemi kurulumu

Hangi giriş alanlarının gösterileceğini, metin etiketlerini ve otomatik istem gecikmesini özelleştirin.

E-posta ve telefon numarası istemi alan ve etiket seçenekleri — E-posta ve telefon numarası istemi seçenekleri

İşiniz bittiğinde, Done’a basın ve bunun etkili olmasını görmek için sonraki sayfada tekrar Save’e basın.

Custom Code kurulumu için, OneSignal init kodunuzun promptOptions nesnesi içinde type’ı email, sms veya smsAndEmail olarak ekleyin. Daha fazla ayrıntı için Web SDK Referansı’na bakın.

İstemi tetiklemeyle ilgili ayrıntılar için Otomatik istem & görüntüleme ayarları’na bakın.

Subscription bell prompt

Subscription Bell İstemi, web sitenizin alt köşesinde görünen küçük, kalıcı bir widget’tır. Abone olmamış bir kullanıcı tarafından tıklandığında, Yerel Tarayıcı İstemi’ni tetikler. Minimal ayak izi nedeniyle, zil her zaman görünür bırakılabilir; bu da onu devam eden kabul fırsatları için pasif ama etkili bir seçenek haline getirir. Kapatılması gerekmez ve kullanıcılara ne zaman abone olacakları konusunda kontrol sağlar.

OneSignal Bell İstemi’nin rengini, boyutunu, alt konumunu, metnini ve daha fazlasını özelleştirebilirsiniz.

Şu anda simge resmini değiştiremez veya zili üst köşelere yerleştiremezsiniz.

Tipik Site & WordPress Kurulumu: Subscription Bell İstemi

Şu yolu izleyin: Settings > Push & In-App > Web Settings > Permission Prompt Setup > Add Prompt > Subscription Bell PromptZilin şunlarını özelleştirebilirsiniz:

Renk
Boyut
Alt konum (sol veya sağ)
Metin ve etiketler

Kurulumdan sonra, değişiklikleri uygulamak için Done’a, ardından Save’e tıklayın.

Custom Code Kurulumu: Subscription Bell İstemi

Web SDK başlatma seçeneklerinizde notifyButton parametresini kullanın. Bell İstemi özelleştirmeleri için farklı örnekler arasında geçiş yapabilirsiniz.Gizleme: Bir kullanıcı abone olduktan sonra subscription bell’i gizlemek veya yalnızca belirli sayfalarda göstermek için, başlatma sırasında displayPredicate fonksiyonunda false değerini veya false değerine çözümlenen bir Promise döndürdüğünüzden emin olun. Bu fonksiyon, subscription bell gösterilmeden önce değerlendirilir. Subscription bell’i göstermek için başka herhangi bir değer döndürebilirsiniz.

// Your other init options here
notifyButton: {
    enable: true, /* Required to use the Subscription Bell */
    size: 'medium', /* One of 'small', 'medium', or 'large' */
    theme: 'default', /* One of 'default' (red-white) or 'inverse" (white-red) */
    position: 'bottom-right', /* Either 'bottom-left' or 'bottom-right' */
    offset: {
        bottom: '0px',
        left: '0px', /* Only applied if bottom-left */
        right: '0px' /* Only applied if bottom-right */
    },
    showCredit: false, /* Hide the OneSignal logo */
    text: {
        'launcher.button.aria-label': 'Manage notifications', /* Accessible name of the bell button */
        'tip.state.unsubscribed': 'Subscribe to notifications',
        'tip.state.subscribed': "You're subscribed to notifications",
        'tip.state.blocked': "You've blocked notifications",
        'message.prenotify': 'Click to subscribe to notifications',
        'message.action.subscribed': "Thanks for subscribing!",
        'message.action.resubscribed': "You're subscribed to notifications",
        'message.action.unsubscribed': "You won't receive notifications again",
        'dialog.main.title': 'Manage Site Notifications',
        'dialog.main.button.subscribe': 'SUBSCRIBE',
        'dialog.main.button.unsubscribe': 'UNSUBSCRIBE',
        'dialog.blocked.title': 'Unblock Notifications',
        'dialog.blocked.message': "Follow these instructions to allow notifications:"
    }
}

// Your other init options here
notifyButton: {
  enable: true, // Required to use the Subscription Bell
  // Your other Subscription Bell settings here
  colors: { // Customize the colors of the main button and dialog popup button
    'circle.background': 'rgb(84,110,123)',
    'circle.foreground': 'white',
    'badge.background': 'rgb(84,110,123)',
    'badge.foreground': 'white',
    'badge.bordercolor': 'white',
    'pulse.color': 'white',
    'dialog.button.background.hovering': 'rgb(77, 101, 113)',
    'dialog.button.background.active': 'rgb(70, 92, 103)',
    'dialog.button.background': 'rgb(84,110,123)',
    'dialog.button.foreground': 'white'
  },
}

// Your other init options here
notifyButton: {
    /* Your other Subscription Bell settings here ... */
    enable: true,
    displayPredicate: function() {
      /* The user is subscribed, so we want to return "false" to hide the Subscription Bell */
      return !OneSignal.Notifications.permission
    },
}

<script src="https://cdn.onesignal.com/sdks/web/v16/OneSignalSDK.page.js" defer></script>
<script>
  window.OneSignalDeferred = window.OneSignalDeferred || [];
  OneSignalDeferred.push(function(OneSignal) {
    OneSignal.init({
      appId: "YOUR_APP_ID",
      notifyButton: {
        enable: true,
        size: 'medium',
        theme: 'default',
        position: 'bottom-right',
        offset: {
          bottom: '0px',
          left: '0px',
          right: '0px'
        },
        showCredit: false,
        text: {
          'launcher.button.aria-label': 'Manage notifications',
          'tip.state.unsubscribed': 'Subscribe to notifications',
          'tip.state.subscribed': "You're subscribed to notifications",
          'tip.state.blocked': "You've blocked notifications",
          'message.prenotify': 'Click to subscribe to notifications',
          'message.action.subscribed': "Thanks for subscribing!",
          'message.action.resubscribed': "You're subscribed to notifications",
          'message.action.unsubscribed': "You won't receive notifications again",
          'dialog.main.title': 'Manage Site Notifications',
          'dialog.main.button.subscribe': 'SUBSCRIBE',
          'dialog.main.button.unsubscribe': 'UNSUBSCRIBE',
          'dialog.blocked.title': 'Unblock Notifications',
          'dialog.blocked.message': "Follow these instructions to allow notifications:"
        },
        colors: {
          'circle.background': 'rgb(84,110,123)',
          'circle.foreground': 'white',
          'badge.background': 'rgb(84,110,123)',
          'badge.foreground': 'white',
          'badge.bordercolor': 'white',
          'pulse.color': 'white',
          'dialog.button.background.hovering': 'rgb(77, 101, 113)',
          'dialog.button.background.active': 'rgb(70, 92, 103)',
          'dialog.button.background': 'rgb(84,110,123)',
          'dialog.button.foreground': 'white'
        },
        displayPredicate: function() {
          return !OneSignal.Notifications.permission;
        }
      }
    });
  });
</script>

Custom link prompt

Custom Link İstemi, web sitenizin herhangi bir yerine gömebileceğiniz kullanıcı tarafından tetiklenen bir düğme veya bağlantıdır. Tıklandığında, push bildirimleri için Yerel Tarayıcı İstemi’ni görüntüler.

Abone ol düğmesi ve açıklama metni içeren custom link istemi — Custom link istemi örneği

Yaygın kullanım alanları:

Bir blog yazısının altında: “Bu makaleyi beğendiniz mi? Gönderi yayınlar yayınlamaz güncellemeleri alın!”
Site altbilginizde
Yapışkan başlıkta veya yüzen araç çubuğunda

Tipik Site & WordPress Kurulumu: Custom Link İstemi

Şu yolu izleyin: Settings > Push & In-App > Web Settings > Permission Prompt Setup > Add Prompt > Custom Link.Widget’ın render edilmesini istediğiniz sayfaya sağlanan HTML’yi ekleyin.Seçeneklerinizi yapılandırın, ardından etkinleştirmek için Done ve Save’e tıklayın.

Dashboard'da custom link istemi kurulumu — Dashboard'da custom link kurulumu

Custom Code Kurulumu: Custom Link

OneSignal init kodunuzun promptOptions nesnesi içinde, customlink nesnesini ve mevcut özelliklerini ekleyin.

// Your other init options here
promptOptions: {
  customlink: {
    enabled: true, /* Required to use the Custom Link */
    style: "button", /* Has value of 'button' or 'link' */
    size: "medium", /* One of 'small', 'medium', or 'large' */
    color: {
      button: '#E12D30', /* Color of the button background if style = "button" */
      text: '#FFFFFF', /* Color of the prompt's text */
    },
    text: {
      subscribe: "Subscribe to push notifications", /* Prompt's text when not subscribed */
      unsubscribe: "Unsubscribe from push notifications", /* Prompt's text when subscribed */
      explanation: "Get updates from all sorts of things that matter to you", /* Optional text appearing before the prompt button */
    },
    unsubscribeEnabled: true, /* Controls whether the prompt is visible after subscription */
  }
}

Sitenizde istemi render etmek için, widget’ın görünmesini istediğiniz yere aşağıdaki HTML’yi ekleyin:

html

<div class='onesignal-customlink-container'></div>

Tipik & Custom Code Kurulumu: Ek Stil

Widget’ın görünümünü herhangi bir zamanda değiştirmek için, dahili stillerimizle çakışma olmadığından ve dashboard’da tanımladığınız gibi tam olarak göründüğünden emin olmak amacıyla tüm öğelerde öğedeki önceki tüm stilleri kaldıran özel bir onesignal-reset sınıfı vardır.Herhangi bir OneSignal stilini yeniden tanımlamanız gerekirse, işte Custom Link widget’ında kullanılan sınıfların kısa bir referansı

Sınıf Adı	Şuna uygulanır
onesignal-customlink-container	Ana konteyner
onesignal-customlink-subscribe	Eylem düğmesi
onesignal-customlink-explanation	Özel açıklama metni içeren paragraf
state-subscribed	Ana konteynerin içindeki tüm bileşenler
state-unsubscribed	Ana konteynerin içindeki tüm bileşenler
button	Düğme modundaysa eylem düğmesi
link	Bağlantı modundaysa eylem düğmesi
small	Ana konteynerin içindeki tüm bileşenler
medium	Ana konteynerin içindeki tüm bileşenler
large	Ana konteynerin içindeki tüm bileşenler
hide	unsubscribeEnabled false olarak ayarlanmışsa ana konteynerin içindeki tüm bileşenler

Bunlardan herhangi birini geçersiz kılmak için daha yüksek özgüllüğe sahip bir CSS kuralı oluşturmanız gerekir; sınıf adını üst öğe id’siyle birleştirmek yeterli olmalıdır. Ancak çakışmalara dikkat edin, dahili stillerimiz değişebilir.

Native permission prompt

Yerel izin istemi, kullanıcıların web sitenizden push bildirimlerine abone olmak için kabul etmesi gereken tarayıcı kontrollü diyalogdur. Bu istem:

Abonelik için gereklidir
OneSignal yumuşak istemlerinden sonra otomatik olarak tetiklenir
Görünüm, metin veya davranış olarak özelleştirilemez

Chrome'da yerel tarayıcı izin istemi — Chrome'da yerel izin istemi

Tarayıcı yerel istemi davranışı

Farklı tarayıcılar, spam izin isteklerini azaltmak için benzersiz davranışlar ve kısıtlamalar uygular. Spam ve kötü kullanıcı deneyimiyle mücadele amacıyla, OneSignal aşağıda listelenen belirli durumlarda otomatik olarak Slide İstemi’ne varsayılan olarak geçer. Slide İstemi’ni göstermek istemiyorsanız ve yerel izin istemini doğrudan kullanmak istiyorsanız, Otomatik İstem seçeneklerini kapatmanız ve Web SDK requestPermission() yöntemimizi kullanmanız gerekir. Yerel izin istemini doğrudan görüntülemek, aşağıda açıklandığı gibi tüm tarayıcılarda çalışmayabilir.

Chrome

Chrome 80+ tam istem yerine daha sessiz bir UI görüntüleyebilir:

İstemleri sık sık reddeden kullanıcılara otomatik olarak uygulanır
Ayrıca yüksek reddetme oranına sahip sitelere de uygulanır

Chrome'un daha sessiz bildirim izni UI'si — Chrome masaüstünde daha sessiz bildirim UI'si

Chrome, kullanıcı yerel istemde “X”e tıklarsa back-off mantığı uygular:

İstem göstermek için 3 denemeniz var
1. kapatmadan sonra, istem 7 gün boyunca bastırılır (kaynak).

Yerel izin istemini yapılandırmak için Tipik Site & WordPress Kurulumu’nu kullanmak, mobil cihazlarda Chrome’da Slide İstemi’ni otomatik olarak gösterecektir.Android’de çift istemi kasıtlı olarak ekledik çünkü Android için Chrome’daki yerel İzin İstemi, sitenizin tüm ekranını kaplayan çok kullanıcı dostu olmayan bir açılır penceredir ve bu, kullanıcılarınızın sitenizi ziyaret ederken kötü bir deneyim yaşamasını önler.Slide İstemi’ni göstermek istemiyorsanız, İstem Editöründe Otomatik İstem anahtarını kapatmanız (Save düğmesine basmayı unutmayın), ardından Web SDK requestPermission() yöntemini kullanmanız gerekir.

Firefox

Firefox 72+, yerel izin istemini tetiklemek için bir kullanıcı hareketi gerektirmeye başladı. Firefox’ta yerel izin istemini otomatik olarak göstermeye çalışırsanız, tarayıcı içinde bunun gibi bir simge görürsünüz ve kullanıcının yerel izin istemini görmesi için bu simgeye tıklaması gerekir.

Firefox bildirim izni simgesi

Yerel izin istemini yapılandırmak için Tipik Site & WordPress Kurulumu’nu kullanmak, Firefox’ta Slide İstemi’ni otomatik olarak gösterecektir.Firefox’ta çift istemi kasıtlı olarak ekledik çünkü her iki durumda da 2 adımlı bir kabul gerektirir ve Slide istemi, etkileşimi artırmak için daha dikkat çekici bir yoldur.Slide İstemi’ni göstermek istemiyorsanız, İstem Editöründe Otomatik İstem anahtarını kapatmanız (Save düğmesine basmayı unutmayın), ardından Web SDK requestPermission() yöntemini kullanmanız gerekir.

Safari

Safari 12.1+, yerel izin istemini tetiklemek için bir kullanıcı hareketi gerektirmeye başladı.

Bu kullanıcı hareketi gereksinimi nedeniyle, yerel izin istemini yapılandırmak için Tipik Site & WordPress Kurulumu’nu kullanmak Safari’de çalışmayacaktır.Safari’de Slide İstemi’ni kasıtlı olarak ekledik çünkü 2 adımlı bir kabul gerektirir.

Edge

Edge güven tabanlı bir model kullanır:

Site güvenilir değilse, istem bastırılır ve tarayıcı çubuğunda bir zil simgesiyle değiştirilir:

Edge'de güvenilmeyen siteler için zil simgesi

Site güvenilirse, yerel istem normal olarak görünür:

Güvenilen siteler için Edge yerel izin istemi — Edge'de güvenilen siteler için yerel istem

Otomatik istem & görüntüleme ayarları

Etkileşimi maksimize etmek ve kullanıcılarınızı rahatsız etmekten kaçınmak için, istemleri kullanıcılar sitenizde biraz zaman geçirdikten sonra göstermek üzere geciktirmek en iyisidir. OneSignal, iki gecikme koşulu kullanarak kullanıcı davranışına göre istemleri otomatik olarak görüntülemenize olanak tanır:

Page Views: Kullanıcının sitenizde herhangi bir sayfayı kaç kez yüklediği
Seconds on Page: Kullanıcının sayfada geçirmesi gereken süre

Bu gecikmeler bir VE koşulu kullanılarak uygulanır, yani istem görünmeden önce her ikisinin de karşılanması gerekir. Örnek: Gecikmeyi 3 sayfa görüntüleme ve 30 saniye olarak ayarlarsanız, istem üçüncü sayfa yüklemesinde, 30 saniye geçtikten sonra görüntülenecektir. Kullanıcı istemle etkileşime girmezse, tıklanana veya kapatılana kadar her sayfa yüklemesinde (30 saniye sonra) gösterilmeye devam edecektir.

Tipik Site & WordPress Kurulumu: Otomatik İstem

Şu yolu izleyin: Settings > Push & In-App > Web Settings > Permission Prompt Setup
Bir istem seçin veya yeni bir tane oluşturun
Otomatik İstemi etkinleştirin
Gecikme tercihlerinizi ayarlayın (sayfa görüntülemeleri ve zaman gecikmesi)

Sayfa görüntülemeleri ve saniyeler için otomatik istem gecikme ayarları — Otomatik istem gecikme ayarları

Done’a, ardından Save’e tıklayın

İstemi programlı olarak tetiklemek istiyorsanız, Otomatik İstemi devre dışı bırakın ve Web SDK İstem yöntemlerini kullanın.

Custom Code Kurulumu: Otomatik İstem

OneSignal init kodunuzun promptOptions nesnesi içinde autoPrompt ve delay seçeneklerini kullanın. İstenen slidedown veya yerel istemleri doğrudan tetiklemek için yöntemler de vardır. Daha fazla ayrıntı için Web SDK Referansı’na bakın.

Manuel Tetikleme (Otomatik İstem Yerine)

İstemlerin ne zaman gösterileceği üzerinde daha fazla kontrole sahip olmak istiyorsanız—örneğin, yalnızca belirli sayfalarda veya belirli eylemlerden sonra:

Otomatik İstemi devre dışı bırakın
Kod aracılığıyla istemi göstermek için SDK’nın Slidedown veya Yerel İstem yöntemlerini kullanın

Slidedown istemi back-off mantığı

Bir Slidedown (Push, Kategori veya Email/Phone) istemi gösterilip kapatıldığında (İzin Ver, İptal veya diyalogu kapatma yoluyla), geri çekilecek ve tanımlanmış bir programa göre yeniden görünecektir:

Etkileşim Sonucu	Sonraki İstem Zamanlaması
İlk Kapatma	3 gün bekle
İkinci Kapatma	7 gün bekle
Üçüncü ve sonraki kapatmalar (abone olunmadı)	30 gün bekle

Örneğin, kullanıcı Slidedown’da “İzin Ver”e tıklarsa ancak daha sonra tarayıcının yerel isteminde “X”e tıklarsa (abone olmadan), Slidedown yukarıdaki back-off döngüsünü izleyecektir.

Bu mantık Push, Kategori ve Email/Phone Slidedown istemlerine uygulanır. Web SDK Slidedown istem yöntemlerimizi kullanarak backoff mantığını atlayabilirsiniz.Yerel istem back-off mantığı için, Tarayıcı yerel istemi davranışı’na bakın. Tarayıcı tarafından kontrol edildiğinden yerel istem için backoff mantığını atlayamazsınız.

Kullanıcı çerezleri veya tarayıcı verilerini temizlerse, back-off döngüsü sıfırlanır ve istem ilk kez gibi tekrar görünebilir.

Web push izinleri istemek için en iyi uygulamalar

Kullanıcıların web push izinleri vermesini sağlamak zamanlama, güven ve kullanıcı dostu tasarım gerektirir. Olumlu bir site içi deneyimi korurken kabul oranlarını maksimize etmek için bu en iyi uygulamaları izleyin.

Ne zaman soracağınız konusunda stratejik olun

Zamanlama, sıklıktan daha önemlidir. İzin istemlerini kullanıcılar zaten etkileşim halindeyken veya niyet gösterirken görüntüleyin. Örneğin:

Sepetlerine bir ürün eklediklerinde veya bir gönderi ya da yorumla etkileşime geçtiklerinde
Profillerini güncellediklerinde veya hesaplarına giriş yaptıklarında
Markanıza bağlılık gösteren bir eylemi tamamladıklarında

Kullanıcılara bu anlarda istem göstermek kabul oranlarını artırır çünkü içeriğinize ve değerinize daha fazla yatırım yapmışlardır. Sitenizde bir profil veya tercih merkezi varsa, push (ve diğer kanal) kabul kontrollerini oraya ekleyin. Bu, şeffaflığı güçlendirir ve kullanıcılara güncellemeleri nasıl alacakları konusunda daha fazla kontrol verir. Daha fazla ayrıntı için Tercih Merkezi kılavuzumuza bakın.

Subscription Bell İstemi’ni kullanın

Bell İstemi, kullanıcıların herhangi bir zamanda abone olması için kalıcı, müdahaleci olmayan bir yoldur. Bu yüzen zil simgesi, uzun vadeli etkileşim için idealdir çünkü:

Abonelik seçeneğini gezinmeyi bozmadan görünür tutar.
Kullanıcıların kendi seçtikleri zamanda abone olmasına olanak tanır.
Anında izin isteklerini zorlamayarak güven oluşturur.

Bell İstemi, geri dönen ziyaretçiler ve izin isteklerini başlangıçta kapatan kullanıcılar için özellikle etkilidir.

Kullanıcıların aboneliklerini Kategorilerle kişiselleştirmesine izin verin

Kategori İstemi, kullanıcıların “Satışlar”, “Ürün Güncellemeleri” veya “Blog Yazıları” gibi hangi konuları veya mesaj türlerini istediklerini seçmelerine olanak tanır. Bu yaklaşım:

İstemin daha az müdahaleci ve daha alakalı hissettirmesini sağlar
Etkileşimi ve mesaj tıklama oranlarını iyileştirir
Beklentileri erkenden belirleyerek daha sonraki abonelikten çıkışları azaltır

Kişiselleştirilmiş kabuller, kullanıcılar deneyim üzerinde kontrol sahibi hissettiği için daha yüksek uzun vadeli elde tutmaya yol açar.

Zaman içinde test edin ve optimize edin

Tek bir stratejiye güvenmeyin. Hedef kitlenizde neyin yankı uyandırdığını görmek için farklı istem türlerini, mesajları ve zamanlamaları test edin. Şu yaklaşımı deneyin:

Temel kabul oranınızı ölçmek için birkaç ay boyunca yerel tarayıcı istemiyle başlayın.
Veri topladıktan sonra, tarayıcılar ve hedef kitle segmentleri arasında dönüşümleri iyileştirmek için slidedown istemi veya özel istem akışlarıyla denemeler yapın.
Performansı SDK’mızın permissionPromptDisplay ve permissionChange olayları ile slidedown olaylarını kullanarak takip edin.

Kabul davranışı sezona, cihaz türüne ve bölgeye göre değişebilir—bu nedenle etkileşim ile kullanıcı rahatlığı arasındaki doğru dengeyi bulmak için düzenli olarak test edin.

SSS

İstem görüntüleme sorunları

Bir tarayıcının yerel izin istemi, aşağıdaki koşullardan herhangi biri doğruysa gösterilmeyebilir: 1. Tarayıcı, istemin gösterilmesini engelledi. Tarayıcınızın ayarlarına gidin ve “Bildirimler” izin ayarını kontrol edin. Chrome örneği: chrome://settings/content/notifications

Chrome tarayıcı bildirim izni ayarları sayfası — Chrome bildirim ayarları

Bu örnekte:

Kullanıcı, yerel izin isteminin gösterilmesini engelleyecek olan “Sitelerin bildirim göndermesine izin verme” seçeneğini seçmiştir. Yerel izin isteminin gösterilmesine izin vermek için bunun “Siteler bildirim göndermek için izin isteyebilir” olarak görünmesi gerekir.
Kullanıcı, https://yoursite.com adresini yerel izin isteminin gösterilmesini engelleyecek olan “Bildirim göndermesine izin verilmeyenler” listesine eklemiştir. Yerel izin isteminin gösterilmesine izin vermek için bunun listeden kaldırılması gerekir.

Tarayıcıya özel dokümantasyon:

Chrome - Bu sayfa, varsayılan davranışı kontrol edebileceğiniz ve tek tek web siteleri için izinleri yönetebileceğiniz Settings > Privacy and security > Site Settings > Notifications bölümüne giderek Chrome’da bildirimlerin nasıl yönetileceğini açıklar.
Firefox - Bu kılavuz, Firefox’un Web Push bildirimlerini kapsar; bildirim izinlerinin Settings > Privacy & Security > Notifications üzerinden nasıl yönetileceğini ve adres çubuğundaki site bilgisi simgesi aracılığıyla belirli siteler için izinlerin nasıl kontrol edileceğini açıklar.
Safari - Bu Apple kılavuzu, hangi sitelerin bildirim gönderebileceğini yönetebileceğiniz ve Sistem Tercihleri aracılığıyla bildirim davranışını kontrol edebileceğiniz Safari > Preferences > Websites > Notifications üzerinden Mac’te Safari bildirimlerinin nasıl özelleştirileceğini açıklar.
Edge - Bu makale, Settings > Privacy, search, and services > Site permissions > Notifications bölümüne giderek veya adres çubuğundaki site bilgisi simgesine tıklayarak Edge bildirimlerinin nasıl yönetileceğini detaylandırır.

2. Kullanıcı zaten bildirimlere izin verdi veya zaten abone oldu. Tarayıcının ayarlarında, site URL’nizin “Bildirim göndermesine izin verilenler” listesinde olup olmadığını kontrol edin. 3. Gizli Modda, Özel Tarayıcı modunda veya Misafir Tarayıcı modundasınız. Yerel İzin İstemi, Gizli Modda, Özel Tarayıcı modunda veya Misafir Tarayıcı modundayken gösterilmez. Kullanıcılar bu modlarda bildirimlere abone olamaz. 4. Web push bildirimlerini desteklemeyen bir tarayıcı ve cihaz kullanıyorsunuz. Web push’u destekleyen bir tarayıcı ve cihaz kullandığınızdan emin olun. 5. iOS/iPadOS gereksinimleri karşılanmıyor. iOS için, kullanıcılardan abonelikleri için istem göstermek üzere bazı ek gereksinimler vardır. Daha fazla bilgi iOS/iPadOS için Mobil Web Push kılavuzunda görülebilir.

Hâlâ sorun yaşıyorsanız, Web push sorun giderme kılavuzumuza bakın.

İstemleri bir sosyal medya uygulaması webview’ünde nasıl gösterebilirim?

Sosyal medya uygulamaları (Instagram, TikTok, Facebook vb.) tarafından kullanılan webview’ler web push bildirimlerini desteklemez. Uygulama, web sitenizi web push’u destekleyen tam bir tarayıcıda açmalıdır.

Slide istemi neden sürekli gösteriliyor?

İki yaygın neden vardır:

Gizli moddasınız, özel tarayıcı modundasınız veya misafir tarayıcı modundasınız.
İstemi Otomatik İstem seçeneğini kullanmadan programlı olarak tetikliyorsunuz. Web SDK Referansı’na bakın ve kullandığınız istem yöntemlerini kontrol edin.

Bir istemi kapattıktan sonra, tekrar ne zaman gösterilir?

OneSignal istemleri için Slidedown istemi back-off mantığı’na bakın. Yerel izin istemi için Tarayıcı yerel istemi davranışı’na bakın.

Neden yerel tarayıcı istemi yerine slide istemi görüyorum?

Belirli tarayıcılar, yerel istemi göstermeden önce bir kullanıcı hareketi gerektirir. OneSignal bu durumlarda önce otomatik olarak bir slide istemi gösterir. Ayrıntılar için Tarayıcı yerel istemi davranışı’na bakın.

İstemi nasıl çevirebilirim veya yerelleştirebilirim?

Kullanıcının tarayıcı dilini programlı olarak algılamak ve OneSignal SDK’yı farklı metinle başlatmak için Custom Code Kurulumu’nu kullanın. Yerel izin istemi, tarayıcının ayarlanmış diline otomatik olarak çevrilir.

İstemleri A/B testi yapabilir miyim?

Evet. Custom Code Kurulumu kullanarak OneSignal’i farklı istem seçenekleriyle başlatabilirsiniz. A/B testlerini tetiklemek için kendi yönteminizi kurmanız gerekir. Bir kullanıcının ne zaman abone olduğunu algılamak için Abonelik Değişikliği olayını kullanın ve hangi varyantın kazandığına göre Etiketler ekleyin.

Abonelikleri abone oldukları sayfaya göre segmentlere ayırabilir miyim?

Evet. Abonelik Sayfasına Göre Otomatik Segmentasyon kılavuzuna bakın.

Zil simgesini değiştirebilir miyim?

Hayır. Zil resmini değiştiremezsiniz, ancak renkleri, metni ve konumu (sol alt veya sağ alt) özelleştirebilirsiniz.

Erişilebilirlik denetimim neden subscription bell’i işaretliyor?

Web SDK’nın güncel sürümleri, zil düğmesine varsayılan olarak “Manage notifications” erişilebilir adını verir; bu nedenle Lighthouse, PageSpeed Insights ve axe tarafından kullanılan “düğmelerin ayırt edilebilir metni olmalıdır” denetiminden geçer. Etiketi değiştirmek veya yerelleştirmek için Custom Code Kurulumu’nu kullanarak notifyButton.text içinde launcher.button.aria-label anahtarını ayarlayın.

Kategorileri sayfaya göre değiştirebilir miyim?

Evet, iki şekilde. Farklı sayfalarda farklı kategori onay kutuları göstermek için Custom Code Kurulumu’nu kullanın ve categories promptOptions özelliklerini sayfa başına yapılandırın. Okuyucular gezinirken cat_<category> Etiketlerini otomatik olarak uygulamak için (istem göstermeden), Kullanıcıları sayfa konusuna göre etiketleme’ye bakın — otomatik etiketleme kalıbı, Kategori İstemi ile aynı Etiket ad alanını kullanır, bu nedenle iki yaklaşım sorunsuz şekilde birleşir.

Slide istem olaylarını nasıl takip edebilirim?

OneSignal Web SDK, istemin ne zaman gösterildiğini, kapatıldığını veya “İzin Ver” ya da “İptal” eylemi aldığını algılamak için Slide İstem Olay Yöntemleri sağlar.

İstemi yalnızca belirli sayfalarda nasıl gösterebilirim?

Otomatik İstem’i devre dışı bırakın, ardından istemlerin görünmesini istediğiniz belirli sayfalarda Slidedown istemi SDK yöntemini kullanın. Bell istemi, sayfa bazında devre dışı bırakılamaz.

Neden mobilde yerel istem yerine slide istemi görüyorum?

Android için Chrome, gezinme deneyimini bozan tam ekran bir yerel istem görüntüler. OneSignal, daha iyi bir kullanıcı deneyimi sunmak için önce bir slide istemi gösterir. Bunu atlamak için, İstem Editöründe Otomatik İstemi kapatın ve Web SDK requestPermission() yöntemini kullanın.

İlgili sayfalar

Web SDK referansı

Prompt yöntemleri, olaylar ve başlatma seçenekleri için tam API referansı.

iOS için web push

iOS ve iPadOS web push desteği için gereken ek kurulum adımları.

Web push sorun giderme

Yaygın web push bildirimi sorunlarını tanılayın ve çözün.

Tercih merkezi

Kullanıcıların bildirim tercihlerini ve kanal opt-in’lerini yönetmelerine izin verin.

​Genel bakış

​OneSignal istemleri (yumuşak istemler)

​İstem simgesi

​İzin istemi kurulumu

​Slidedown & category

​Slide istem metni

​Kategoriler

​Email & phone number prompt

​Subscription bell prompt

​Custom link prompt

​Native permission prompt

​Tarayıcı yerel istemi davranışı

​Chrome

​Firefox

​Safari

​Edge

​Otomatik istem & görüntüleme ayarları

​Slidedown istemi back-off mantığı

​Web push izinleri istemek için en iyi uygulamalar

​Ne zaman soracağınız konusunda stratejik olun

​Subscription Bell İstemi’ni kullanın

​Kullanıcıların aboneliklerini Kategorilerle kişiselleştirmesine izin verin

​Zaman içinde test edin ve optimize edin

​SSS

​İstem görüntüleme sorunları

​İstemleri bir sosyal medya uygulaması webview’ünde nasıl gösterebilirim?

​Slide istemi neden sürekli gösteriliyor?

​Bir istemi kapattıktan sonra, tekrar ne zaman gösterilir?

​Neden yerel tarayıcı istemi yerine slide istemi görüyorum?

​İstemi nasıl çevirebilirim veya yerelleştirebilirim?

​İstemleri A/B testi yapabilir miyim?

​Abonelikleri abone oldukları sayfaya göre segmentlere ayırabilir miyim?

​Zil simgesini değiştirebilir miyim?

​Erişilebilirlik denetimim neden subscription bell’i işaretliyor?

​Kategorileri sayfaya göre değiştirebilir miyim?

​Slide istem olaylarını nasıl takip edebilirim?

​İstemi yalnızca belirli sayfalarda nasıl gösterebilirim?

​Neden mobilde yerel istem yerine slide istemi görüyorum?

​İlgili sayfalar

Web SDK referansı

iOS için web push

Web push sorun giderme

Tercih merkezi

Genel bakış

OneSignal istemleri (yumuşak istemler)

İstem simgesi

İzin istemi kurulumu

Slidedown & category

Slide istem metni

Kategoriler

Email & phone number prompt

Subscription bell prompt

Custom link prompt

Native permission prompt

Tarayıcı yerel istemi davranışı

Chrome

Firefox

Safari

Edge

Otomatik istem & görüntüleme ayarları

Slidedown istemi back-off mantığı

Web push izinleri istemek için en iyi uygulamalar

Ne zaman soracağınız konusunda stratejik olun

Subscription Bell İstemi’ni kullanın

Kullanıcıların aboneliklerini Kategorilerle kişiselleştirmesine izin verin

Zaman içinde test edin ve optimize edin

SSS

İstem görüntüleme sorunları

İstemleri bir sosyal medya uygulaması webview’ünde nasıl gösterebilirim?

Slide istemi neden sürekli gösteriliyor?

Bir istemi kapattıktan sonra, tekrar ne zaman gösterilir?

Neden yerel tarayıcı istemi yerine slide istemi görüyorum?

İstemi nasıl çevirebilirim veya yerelleştirebilirim?

İstemleri A/B testi yapabilir miyim?

Abonelikleri abone oldukları sayfaya göre segmentlere ayırabilir miyim?

Zil simgesini değiştirebilir miyim?

Erişilebilirlik denetimim neden subscription bell’i işaretliyor?

Kategorileri sayfaya göre değiştirebilir miyim?

Slide istem olaylarını nasıl takip edebilirim?

İstemi yalnızca belirli sayfalarda nasıl gösterebilirim?

Neden mobilde yerel istem yerine slide istemi görüyorum?

İlgili sayfalar