Sitenizin <head> veya kapanış </body> etiketinin hemen öncesine aşağıdaki script kodunu ekleyin. app_id alanına Bildirimat panelinizdeki Uygulama Kimliğini girin.
<script src="https://www.bildirimat.com/sdk/v3/bildirimat.min.js" async></script>
<script>
window.Bildirimat = window.Bildirimat || [];
Bildirimat.push(['init', {
appId: "APP_ID_BURAYA",
autoPrompt: true, // Ziyaretçiye akıllı popup ile otomatik sor
promptDelay: 3 // Sayfaya girdikten 3 saniye sonra sor
}]);
</script>
Tarayıcı kapalıyken bile arka planda bildirim alabilmek için web sitenizin ana dizinine (root / public) aşağıdaki isimde bir Service Worker dosyası oluşturun:
// bildirimat-sw.js
importScripts("https://www.bildirimat.com/sdk/v3/bildirimat-sw.js");
Kullanıcının bir butona basmasıyla bildirim izni istemek isterseniz SDK'nın register() fonksiyonunu çağırabilirsiniz:
document.getElementById('abone-ol-btn').addEventListener('click', function() {
Bildirimat.push(['register', function(subscription) {
if (subscription) {
console.log('Başarıyla abone olundu! Token:', subscription.token);
} else {
console.log('Kullanıcı izin vermedi veya iptal etti.');
}
}]);
});Giriş yapan kullanıcının üye ID'sini, sepet tutarını veya ilgi alanlarını etiketleyerek kişiye özel bildirim gönderin:
// Kullanıcı ID atama (External User ID)
Bildirimat.push(['setUserId', 'musteri_10485']);
// Kullanıcıya etiket (tag) atama
Bildirimat.push(['setTags', {
kategori: 'elektronik',
uye_tipi: 'premium',
son_sepet_tutari: 1450.00
}]);Bildirim tıklandığında veya abone durumu değiştiğinde kendi JavaScript kodunuzu tetikleyin:
// Bildirime tıklandığında tetiklenir
Bildirimat.push(['onNotificationClick', function(event) {
console.log('Tıklanan bildirim verisi:', event.data);
// Google Analytics veya özel takip kodunuz:
gtag('event', 'push_click', { bildirim_id: event.data.id });
}]);