Hazır JS widget
Tek bir script etiketi; telefon girişi, kod yakalama, yeniden deneme ve sesli geri dönüş (voice fallback) dahil tüm doğrulama akışını kurar. Tasarım çalışmasına veya durum makinelerini (state machines) bağlamaya gerek kalmaz.
MyOTP.App, web ve mobil uygulamalara kolayca entegre edilen, önceden hazırlanmış bir doğrulama widget'ıdır. Telefon numarası girişi, kod yakalama, yeniden deneme, sesli yedekleme ve dolandırıcılık önleme — hepsi BroadNet'in doğrudan operatör bağlantılı OTP rotaları üzerinden, tek bir script etiketiyle sağlanır.
Widget, entegrasyonun kendisidir. Arka planda, her doğrulama BroadNet'in sadece OTP için tasarlanmış rotalarını kullanır — 5 saniyenin altında ortalama teslimat süresi, HLR ön doğrulama ve halihazırda yapılandırılmış sesli yedekleme ile birlikte.
12kB JS widget'ı herhangi bir data-myotp div'ine yerleşir. Telefon girişi, tema ve yerel ayarlar data-* özniteliklerinden okunur. Yazılması gereken bir durum makinesi (state machine) yoktur.
Widget, uygulama anahtarınızla BroadNet doğrulama servisini çağırır. Kaynak kontrolü yapılmış, CORS sabitlenmiş, IP ve oturum başına hız sınırlandırılmış.
Hesap politikanız tarafından seçilen kanal. HLR ön doğrulaması geçersiz numaraları eler; SMS DLR zaman aşımına uğrarsa sesli arama (voice fallback) devreye girer.
iOS ve Android'deki SMS bildirimi üzerinden otomatik tamamlama. Altı haneli giriş, erişilebilir, Arapça ve İbranice için RTL uyumlu.
Doğrulama başarılı olduğunda, widget size kısa süreli bir JWT (varsayılan 5 dk) iletir. Oturumu onaylamadan önce sunucunuzda imzayı doğrulayın.
12kB JS widget'ı herhangi bir data-myotp div'ine yerleşir. Telefon girişi, tema ve yerel ayarlar data-* özniteliklerinden okunur. Yazılması gereken bir durum makinesi (state machine) yoktur.
Widget, uygulama anahtarınızla BroadNet doğrulama servisini çağırır. Kaynak kontrolü yapılmış, CORS sabitlenmiş, IP ve oturum başına hız sınırlandırılmış.
Hesap politikanız tarafından seçilen kanal. HLR ön doğrulaması geçersiz numaraları eler; SMS DLR zaman aşımına uğrarsa sesli arama (voice fallback) devreye girer.
iOS ve Android'deki SMS bildirimi üzerinden otomatik tamamlama. Altı haneli giriş, erişilebilir, Arapça ve İbranice için RTL uyumlu.
Doğrulama başarılı olduğunda, widget size kısa süreli bir JWT (varsayılan 5 dk) iletir. Oturumu onaylamadan önce sunucunuzda imzayı doğrulayın.
Widget'ı kurun, uygulama kimliğinize (app ID) yönlendirin ve kullanmaya başlayın. Aşağıdakilerin tamamı pakete dahildir — temalandırılmış, yerelleştirilmiş ve BroadNet ağının geri kalanının kullandığı aynı OTP iletim yoluna bağlıdır.
Tek bir script etiketi; telefon girişi, kod yakalama, yeniden deneme ve sesli geri dönüş (voice fallback) dahil tüm doğrulama akışını kurar. Tasarım çalışmasına veya durum makinelerini (state machines) bağlamaya gerek kalmaz.
React, React Native, Flutter, iOS ve Android için birinci taraf SDK'lar — web widget'ı ile aynı doğrulama yüzeyi, her platformda yerel işleme (native rendering).
İzin veren bölgelerde alfanümerik bir gönderici adı kaydedin; diğer yerlerde nümerik uzun kodlar ve kısa kodlar kullanılır. Kodlar ortak bir kısa koddan değil, sizin adınızdan gelir.
Eğer SMS belirlediğiniz süre içinde bir iletim raporu döndürmezse, widget otomatik olarak sesli aramaya geçer — aynı oturum, aynı kod.
Hız sınırları, coğrafi kurallar, IP itibarı ve HLR ön doğrulaması; platformdan tek bir mesaj bile çıkmadan OTP ücretli dolandırıcılığını ve kayıt artırma (signup-pumping) girişimlerini engeller.
Doğrulama başarısı, kanal karması, ülkelere göre düşüş oranları ve medyan iletim süresi — panelde canlı olarak izlenebilir ve veri ambarınıza aktarılabilir.
Widget, işaretlenmiş herhangi bir öğeye otomatik olarak yerleşir data-myotp. Başarılı olması durumunda kısa süreli bir JWT döndürülür — bunu sunucunuzda doğrulayın ve oturumu başlatın.
1<!-- 1 · Drop the script on any page2 (the widget script URL is issued with your app_id) -->3<script src="MYOTP_WIDGET_SCRIPT_URL" async></script>4 5<!-- 2 · Mount the verify flow -->6<div7 data-myotp8 data-app-id="app_8f2c9b1e"9 data-locale={__L}10 data-theme="light"11 data-on-verified="onUserVerified"12></div>13 14<!-- 3 · Handle the signed result -->15<script>16 function onUserVerified(result) {17 // result.token — short-lived JWT, verify on your server18 // result.phone — E.16419 // result.channel — "sms" | "voice"20 fetch("/api/session", {21 method: "POST",22 body: JSON.stringify({ token: result.token }),23 });24 }25</script>Zorluk: Özel bir doğrulama akışı, mühendisleri sürekli bakımla meşgul ediyordu. Yaklaşım: MyOTP widget'ı özel arayüzün yerini aldı; Arapça, İngilizce ve Rusça metinler eş zamanlı yayına alındı.
Zorluk: Büyük bir kullanıcı tabanı, web ve mobilde birleşik analitik olmadan birkaç farklı OTP arayüzü kullanıyordu. Yaklaşım: Tek bir Flutter SDK ve web widget'ı, iOS, Android ve tarayıcıda doğrulamayı standart hale getirdi.
Zorluk: Yoğun seyahat dönemlerinde yaşlı yolcular genellikle SMS kodlarını kaçırıyor ve bu da rezervasyon dönüşümünü düşürüyor. Yaklaşım: Widget, aynı ödeme oturumunda Arapça sesli fallback (voice-fallback) özelliği etkinleştirilerek devreye alındı.
Her doğrulama bir olay izi taşır. Saklama ve veri yerleşimi, MENA bölgesinde yerleşik seçenekler de dahil olmak üzere her çalışma alanı için yapılandırılabilir; bu seçenekler Körfez bölgesi düzenlemelerine tabi iş yükleri için uygundur.
Statik bir sayfada, app-ID oluşturulduktan sonraki ilk doğrulanmış kullanıcıya kadar geçen süre 5 dakikanın altındadır — script etiketini yapıştırın, bir div ekleyin ve tek bir callback yazın. Bir SPA (React/Vue/Next.js) üzerinde, SDK kurulumu ve sunucunuzdaki JWT doğrulaması dahil olmak üzere süreç 15–30 dakika sürer. Mobil SDK entegrasyonu ise kurulum yapınıza bağlı olarak 30–60 dakika sürer.
Tema (açık/koyu/özel CSS değişkenleri), marka rengi, logo URL'si, vurgu rengi, yazı tipi ailesi, her yereldeki tüm kullanıcı arayüzü metinleri, ülke başına gönderici adı, sesli yedekleme süresi, yeniden deneme politikası ve modal çerçevesinin kendisi için CSS geçersiz kılmaları. Widget bir Shadow DOM web bileşenidir; sayfanızın CSS kodları asla içeri sızmaz.
Evet. 'powered by MyOTP' ibaresi bulunmaz. Gönderici adınız kodu iletir, alan adınız iframe'i barındırır (CNAME kurulumu), logonuz ve marka renkleriniz modal penceresini oluşturur. MyOTP'den bahsedilen tek yer kendi panelinizdir.
Son sayıma göre 30'dan fazla: İngilizce, Arapça (tam RTL desteğiyle), Fransızca, İspanyolca, Portekizce (PT ve BR), Almanca, İtalyanca, Felemenkçe, Lehçe, Türkçe, Rusça, Ukraynaca, Hintçe, Urduca, Bengalce, Tamilce, Endonezyaca, Malayca, Tayca, Vietnamca, Japonca, Korece, Basitleştirilmiş ve Geleneksel Çince, İbranice, Yunanca, Romence, Çekçe, Macarca, İsveççe, Norveççe, Danimarkaca, Fince. Her yerel ayar (locale) için herhangi bir metni geçersiz kılabilirsiniz.
Doğrulanmış kullanıcı başına, değerlendirme için ücretsiz bir katman ile birlikte. Gösterge niteliğindeki üretim fiyatlandırması, standart gönderici adları için doğrulama başına yaklaşık 0,05 $ civarından başlar ve hacim arttıkça düşer; yüksek hacimli ve kurumsal katmanlar için fiyatlandırma, ülke karması ve aylık taahhüdünüze göre teklif edilir. Sesli yedekleme (voice fallback), bağlanan çağrı başına ayrı olarak faturalandırılır. Bu rakamlar örnektir ve rotaya göre değişiklik gösterir; nihai oranlar ticari sözleşmenizde belirlenir.
Her zaman. Widget, tarayıcıya kısa süreli bir JWT iletirken aynı zamanda sunucunuza aynı doğrulama olayını içeren bir webhook POST eder. İstemci JWT'sini bir ipucu, webhook'u ise asıl kaynak olarak kabul etmelisiniz; tüm kod örneklerindeki entegrasyon modeli budur.
Yerleşik özellikler: telefon başına hız sınırları, IP başına hız sınırları, coğrafi izin/engelleme, IP itibar denetimi, taşınmış veya devre dışı kalmış numaralara karşı HLR ön doğrulaması ve bilinen ücretli arama dolandırıcılığı (toll-fraud) öneklerine karşı hedef risk puanı. Tüm özellikler panelden yapılandırılabilir; pumping saldırıları faturalandırılmadan önce engellenir.
Atanmış teknik hesap yöneticisi, özel hız sınırlarına sahip özel uygulama kimliği (app-ID), white-label CNAME ve özel alt alan adı, yerinde (on-prem) JWT imzalama anahtarı rotasyonu, otomatik krediler içeren %99,99 widget kullanılabilirlik SLA'sı ve olay müdahalesi için mühendislik ekibimizle paylaşılan bir Slack kanalı.
Sorunuz burada yok mu? Mühendislik ekibimize sorun
Tek bir script etiketi yapıştırın, bir div ekleyin ve widget geri kalan her şeyi halleder — telefon yakalama, kod girişi, sesli yedekleme, dolandırıcılık önleme, analitik. Ücretsiz katman, kart gerekmez.
Bu ürünün arkasındaki kavramları daha derinlemesine inceleyin.