Web Anlık Bildirimlerini Sitenize Nasıl Kurarsınız

9 Mart 2026 tarihinde son güncellenme Nirvana tarafından

Looking for a quick and easy guide on how to setup web push notifications on your website?

Sizi ele aldık.

In this article, we’ll show you how to set up web push notifications on your website even if:

You’ve never done it before
You don’t have a developer to do it for you
You’ve tried and failed to add push notifications to your site

The best part? We’ll do it without the technical jargon. So, even if you’re not a developer, you can still install push notifications pretty easily.

Bu makale için, web sitenizde anında iletme bildirimlerini ayarlamak üzere PushEngage'ı kullanacağız. PushEngage, dünyada 1 numaralı anında iletme bildirimi yazılımıdır. Yani kampanyalarınız emin ellerde olacak.

Hadi başlayalım.

Sitenize Anında İletme Bildirimleri Nasıl Yüklenir

Başlamadan önce, bu makalenin sonunda sitenizde neleri görebileceğinize hızlı bir bakış. Bu eğitimdeki adımları izlerseniz, tıpkı bunun gibi sitenizden anında iletme bildirimleri gönderebilmelisiniz:

Wholesome Yum Otomatik Anlık Bildirimler

It doesn’t matter at all how you developed your site, what kind of business you’re running, or any other technical specifications. You’ll be able to install push notifications on your site either way.

Hadi başlayalım.

Adım #1: PushEngage Hesabınızı Kurun

PushEngage ana sayfasına gidin ve Başlayın düğmesine tıklayın:

You can select the free plan to try out PushEngage but if you’re serious about growing your business, choose a paid plan. The paid plans include better audience targeting options and campaign automation features.

Bir hesap için kaydolduktan sonra, PushEngage kontrol paneline gidin ve Ayarlar » Site Ayarları » Kurulum Ayarları'na gidin:

You can configure your site’s URL and identity on this screen. Go ahead and set a logo and site URL for your push notification campaigns and broadcasts.

All your push notification subscribers will see the Site Name, Site Image, and Site URL on your notifications. So, you should set these up right now so that you can test your push notifications later on.

Adım #2: PushEngage'dan Kurulum Kodunu Alın

Next, you’ll need to head over to the PushEngage dashboard and get the installation code. Head over to Settings » Site Settings » Installation Settings:

Squarespace sitesine Anlık Bildirim Ekle

Inside this tab, you’ll see that you can get a different code for different types of websites. Find the right one for your site and copy it. If you’re running a site on a CMS that isn’t listed in the tab, you can head over to either HTTP or HTTPS tabs based on whether your site has an SSL certificated installed.

This next part is super important. If you don’t do this step, your site won’t be able to collect push notification subscribers.

If you’re using an HTTPS site and you have access to your server’s root folder, you’ll need to download the service-wroker.js file from the same tab. Then, upload it to your root folder.

NOTE: If you can’t upload the service-worker file to the root folder, you can still upload the file to another folder. Go to PushEngage Dashboard » Settings » Site Settings » Advanced Settings.

Just follow the instructions in the Service Worker Settings and you’re golden:

Son olarak, PushEngage için kurulum kodunu web sitenizin HTML <head> bölümüne yerleştirmek isteyeceksiniz. HTML'de kodlama yapmaya alışkın bir geliştiriciyseniz, bunu nasıl yapacağınızı zaten biliyorsunuzdur.

Ancak HTML'ye yeniyseniz ve sitenizi çalıştırmak için bir CMS kullanıyorsanız, endişelenmeyin. HTML <head> bölümünü düzenleme süreci farklı platformlar için farklıdır. Bu nedenle, sizin için en popüler platformlar için ayrıntılı, adım adım kılavuzlar oluşturduk:

IMPORTANT: You can insert your installation code directly from your dashboard in some website builders and CMSs. In other instances such as PrestaShop, you’ll need to use the PushEngage API Key instead. That’s why we recommend following platform-specific tutorials to add the push notification code correctly.

3. Adım: PushEngage Onayını Yapılandırma

Son olarak, PushEngage kontrol panelinizde Ayarlar » Abonelik Ayarları » Abonelik İletişim Kutusu » Düzenle'ye gidin:

Buradan anlık bildirim kabul isteğinizi özelleştirebilirsiniz. Bu konuda yardıma ihtiyacınız varsa, özel bir anlık bildirim kabul isteği oluşturma hakkındaki bu makaleye göz atmalısınız.

Biraz ilhama ihtiyacınız varsa, yüksek dönüşüm sağlayan anlık bildirim kabul istekleri hakkındaki bu makaleye göz atabilirsiniz.

EK Adım: Hoş Geldiniz Bildirimi Oluşturma

İsteğe bağlıyı ayarlamayı bitirdiğinizde siteniz abone toplayabilir.

Ancak anlık bildirimlerinizin düzgün çalışıp çalışmadığını nasıl anlarsınız?

Kurulumunuzun sorunsuz ilerlediğini test etmek için bir hoş geldin anlık bildirimi oluşturmanızı öneririz. Hoş geldin bildirimi, yeni bir aboneye aboneliğini onaylamak ve onları hoş karşılamak için gönderdiğiniz bir anlık bildiridir.

Ayarlar » Site Ayarları » Kurulum Ayarları bölümüne gidin ve hoş geldin mesajınızı yapılandırın:

Son olarak, sitenize geri dönün ve her şeyin sorunsuz çalışıp çalışmadığını test etmek için kendi anlık bildirimlerinizi seçin.

Ve hepsi bu kadar!

Web sitenize başarıyla anlık bildirimler yüklediniz. Şimdi PushEngage kontrol panelinize geri dönüp anlık bildirim kampanyalarınızı oluşturmaya başlayın.

Sonuç

Anlık bildirimlere yeni başlıyorsanız, yayına geçmeden önce kapsamlı bir anlık bildirim testi sürecini izlemelisiniz. Ziyaretçileriniz bunları görmeden ve bozuk bir kullanıcı deneyimi hakkında şikayet etmeye başlamadan önce yaygın sorunları gidermenize yardımcı olacaktır.

Bunlardan herhangi birinde takılırsanız, Müşteri Başarı Yöneticilerimizle iletişime geçmenizi öneririz. Herhangi bir konuda size yardımcı olmaktan mutluluk duyarız. Anlık bildirimler, sitenize tekrar trafik çekmek ve doğrudan satışları ve etkileşimi artırmak için harika bir yoldur.

İkna olmadınız mı? Bu harika kaynaklara göz atın:

Henüz yapmadıysanız, PushEngage'ı deneyin. PushEngage, dünyada 1 numaralı anlık bildirim hizmetidir. Bu nedenle, işinizi büyütme konusunda ciddiyseniz, PushEngage sizin için doğru seçenektir.

Bugün PushEngage ile başlayın!

genel bakış

Temel Yetenekler

Entegrasyonlar

Platformu Keşfedin