Geliştirici rehberi
Bildirim.al Dokümantasyonu
Sitenizi bağlayın, ilk web push bildiriminizi gönderin ve işinize uygun otomasyonu kurun.
WordPress ile başlayın
Eklentiyi yükleyin, site numaranızı girin ve ilk aboneliğinizi tarayıcıda doğrulayın.
Eklentiyi indir ↓ Kurulum adımları →Özel yazılımı bağlayın
JavaScript SDK’yı sitenize ekleyin. Service worker’ı kurun ve bağlantıyı panelden kontrol edin.
SDK ve worker rehberi →WordPress eklentisi
- ZIP’i indirip Eklentiler → Yeni Ekle → Eklenti Yükle yoluyla yükleyin.
- Eklentiyi etkinleştirin. Ayarlar → Bildirim.al bölümüne paneldeki site numarasını girin.
- Ayarları kaydedin. Sitenizin ana sayfasını yeni bir sekmede açın ve kurulumu doğrulama adımlarını uygulayın.
WordPress’te otomatik bildirim ve worker ayarları
Eklenti, bildirimleri tarayıcıya ulaştıran worker dosyasını /bildirimal-sw.js adresinde sunar. Kurulumu kontrol et bu adresi sizin için sınar.
Yeni yazı yayımlandığında otomatik duyuru istiyorsanız Entegrasyon → Otomasyon API’si üzerinden gizli anahtar oluşturup eklenti ayarlarına girin. Ardından duyurulacak içerik türlerini seçin.
Özel yazılım sitenizi bağlayın
- Entegrasyon → Web push kurulumu alanından sitenize ait kurulum kodunu kopyalayın.
- Kodu, ziyaretçilerin bildirim izni vereceği sayfalara ekleyin. Ortak sayfa şablonunuz varsa bir kez oraya ekleyebilirsiniz.
- Bildirimleri teslim alan küçük dosyayı, yani service worker’ı, sitenizin ana dizinine koyun. Kodları aşağıdaki bölümden alabilir veya geliştiricinize iletebilirsiniz.
SDK etiketi, worker kodu ve geliştirici ayarları
SDK etiketini <head> bölümüne ekleyin. Örnekteki SITE_ID yerine paneldeki numarayı yazın.
<script defer src="https://api.bildirim.al/sdk/SITE_ID.js"></script>
Web kökünde /bildirimal-sw.js dosyasını oluşturun. Aşağıdaki satır Bildirim.al’ın push ve tıklama kodunu worker içinde yükler.
importScripts('https://api.bildirim.al/sdk/sw.js');
Mevcut klasik worker kullanıyorsanız aynı satırı o dosyaya ekleyin ve SDK etiketinde worker yolunu belirtin. Worker kapsamı bildirim isteyeceğiniz sayfaları kapsamalıdır.
<script defer src="https://api.bildirim.al/sdk/SITE_ID.js"
data-worker-path="/service-worker.js" data-worker-scope="/"></script>
Worker, sitenizle aynı HTTPS kökeninden ve JavaScript içerik türüyle doğrudan açılmalıdır. CSP kullanıyorsanız sayfada SDK ve API için script-src ile connect-src kurallarını, worker yanıtında ise içe aktarılan kodun script-src kuralını kontrol edin.
Kurulumu ve ilk bildirimi doğrulayın
- Entegrasyon ekranında Kurulumu kontrol et ile site, SDK ve worker sonuçlarını inceleyin.
- Sitenizi desteklenen bir tarayıcıda açıp bildirim izni verin. Aboneler ekranında bu tarayıcının kaydını kontrol edin.
- Kontrollü bir sitede ilk bildirimi gönderin. Tarayıcıdaki bildirimi açıp hedef bağlantıyı doğrulayın.
Bildirim izni çıkmıyor veya ilk bildirim gelmiyor
Önce tarayıcınızın adres çubuğundaki site izinlerinden bildirimlerin açık olduğunu kontrol edin. Sonra paneldeki site adresiyle ziyaret ettiğiniz adresi karşılaştırın ve Kurulumu kontrol et düğmesini tekrar çalıştırın. Kontroldeki hata metnini destek talebinize ekleyebilirsiniz.
E-ticaret kurulumu
Önce SDK ve worker kurulumunu tamamlayın. İlgili özellikleri destekleyen paketle Site Ayarları → E-Ticaret bölümünden stok ve sepet bildirimlerini etkinleştirin.
Ürün stoğa geldiğinde bildir
Tükenen ürün sayfasında bir Stoğa girince haber ver düğmesi gösterin. Ziyaretçi bildirim izni verip abone olduktan sonra düğme, ürünün sabit SKU veya kimliğiyle bekleme kaydı açar.
Ürün sayfası için düğme kodu
<button type="button" id="stok-haberi">Stoğa girince haber ver</button>
<p id="stok-sonucu" role="status"></p>
<script>
document.querySelector('#stok-haberi').addEventListener('click', async () => {
const sonuc = document.querySelector('#stok-sonucu');
try {
const yanit = await window.bildirimal.watchStock({
productRef: 'URUN-SKU-123',
productUrl: window.location.href,
productName: 'Ürün adı'
});
if (!yanit.ok) throw new Error();
sonuc.textContent = 'Stok bildirimi kaydedildi.';
} catch {
sonuc.textContent = 'İstek kaydedilemedi. Bildirim iznini ve kurulumu kontrol edin.';
}
});
</script>Ürün stoğa geldiğinde panelde bekleyen ürünün Stoğa Girdi, Bildir düğmesini kullanın. Otomasyon için Entegrasyon → E-ticaret bölümündeki gizli webhook adresine sunucunuzdan aynı SKU’yu gönderin. WooCommerce kullanıyorsanız stok olayıyla gelen SKU’yu bu isteğin productRef alanına eşleyin.
Otomatik stok bildirimi için webhook örneği
POST [PANELDEKİ_GİZLİ_WEBHOOK_ADRESİ]
Content-Type: application/json
{"productRef":"URUN-SKU-123"}Sepet hatırlatması
Site ayarlarından gecikmeyi ve mesajı belirleyin. İzinli abone sepete ürün eklediğinde veya sepeti güncellediğinde, kaydedilmiş sepet durumunu SDK’ya iletin. Ödeme onaylandığında bekleyen hatırlatmayı kapatın.
Sepeti güncelleme ve hatırlatmayı kapatma kodu
// Sepet kaydı başarıyla güncellendiğinde
window.bildirimal.trackCart({
cartUrl: new URL('/sepet', window.location.origin).href,
cartSummary: '2 ürün'
});
// Sipariş gerçekten onaylandığında
window.bildirimal.cartCompleted();Sepet boşaltılırsa cartCompleted() çağrısıyla bekleyen kaydı kapatabilirsiniz. Testte önce bir ürünü sepette bırakıp ayarlanan süreyi bekleyin, ardından ayrı bir sepette ödemeyi tamamlayarak hatırlatmanın iptal edildiğini doğrulayın.
Metin2 ve özel yazılım otomasyonu
Metin2 entegrasyonu siteye tanımlandığında Entegrasyon → Otomasyon API’si bölümünden sunucu yayını isteğini ve hatırlatma işaretleyicisini alın. SDK yüklü sunucu detayında açılış tarihi ve saatini yapılandırılmış veride yayınlayın, hatırlatma düğmesini aşağıdaki işaretleyiciyle yerleştirin.
<div data-ba-metin2-reminder></div>
Yayın otomasyonunda her duyuru için benzersiz olay kimliği kullanın ve gizli anahtarı sunucuda saklayın.
E-posta ve Netgsm SMS
Yönetici önce E-posta bölümünde SMTP bağlantısını kurar. Site sahibi Entegrasyon → E-posta ve SMS ekranından kanalı açar ve izinli alıcıları kaydeder. Netgsm için API kullanıcısı, şifre, onaylı mesaj başlığı ve İYS alıcı türü gerekir.
Kurulumda takıldınız mı?
Sitenizin adresini, WordPress veya özel yazılım kullandığınızı ve hangi adımda kaldığınızı yazın. Kurulum kontrolü bir hata gösteriyorsa metnini de ekleyin.