Drop-in-JS-Widget
Ein einzelnes Skript-Tag bindet den gesamten Verifizierungsablauf ein – Telefoneingabe, Codeerfassung, Wiederholungsversuch, Sprach-Fallback. Kein Designaufwand, keine zu implementierenden Zustandsautomaten.
MyOTP.App ist ein vorkonfiguriertes Verifizierungs-Widget, das sich per Einfügen in Web- und Mobil-Apps integrieren lässt. Telefoneingabe, Codeerfassung, Wiederholungsversuche, Sprach-Fallback und Betrugsschutz – alles über die direkten OTP-Betreiberrouten von BroadNet, hinter einem einzigen Skript-Tag.
Das Widget stellt die Integration dar. Im Hintergrund nutzt jede Verifizierung die OTP-only-Routen von BroadNet – mit einer durchschnittlichen Zustellungszeit von unter 5 Sekunden, HLR-Vorvalidierung und Sprach-Fallback sind bereits integriert.
Das 12 kB große JavaScript-Widget wird in jedes data-myotp-Div eingebunden. Telefonnummer, Design und Sprache werden aus den data-* Attributen gelesen. Es muss keine Zustandsmaschine geschrieben werden.
Das Widget sendet eine POST-Anfrage an den MyOTP-Verifizierungsdienst mit Ihrer app_id. Ursprungsprüfung, CORS-geschützt, Ratenbegrenzung pro IP-Adresse und Sitzung.
Der Kanal wird gemäß Ihren Kontorichtlinien ausgewählt. Die HLR-Vorabvalidierung deaktiviert inaktive Nummern; der Sprach-Fallback erfolgt, falls die SMS-DLR das Zeitfenster verpasst.
Automatische Vervollständigung aus SMS-Benachrichtigungen auf iOS und Android. Sechsstellige Eingabe, barrierefrei, RTL-fähig für Arabisch und Hebräisch.
Nach erfolgreicher Verifizierung erhalten Sie vom Widget ein kurzlebiges JWT (standardmäßig 5 Minuten). Überprüfen Sie die Signatur auf Ihrem Server, bevor Sie die Sitzung gewähren.
Das 12 kB große JavaScript-Widget wird in jedes data-myotp-Div eingebunden. Telefonnummer, Design und Sprache werden aus den data-* Attributen gelesen. Es muss keine Zustandsmaschine geschrieben werden.
Das Widget sendet eine POST-Anfrage an den MyOTP-Verifizierungsdienst mit Ihrer app_id. Ursprungsprüfung, CORS-geschützt, Ratenbegrenzung pro IP-Adresse und Sitzung.
Der Kanal wird gemäß Ihren Kontorichtlinien ausgewählt. Die HLR-Vorabvalidierung deaktiviert inaktive Nummern; der Sprach-Fallback erfolgt, falls die SMS-DLR das Zeitfenster verpasst.
Automatische Vervollständigung aus SMS-Benachrichtigungen auf iOS und Android. Sechsstellige Eingabe, barrierefrei, RTL-fähig für Arabisch und Hebräisch.
Nach erfolgreicher Verifizierung erhalten Sie vom Widget ein kurzlebiges JWT (standardmäßig 5 Minuten). Überprüfen Sie die Signatur auf Ihrem Server, bevor Sie die Sitzung gewähren.
Installieren Sie das Widget, weisen Sie es Ihrer App-ID zu und versenden Sie die Anwendung. Alles Weitere ist im Lieferumfang enthalten – themenspezifisch, lokalisiert und an denselben OTP-Übermittlungspfad angebunden wie der Rest des BroadNet-Netzwerks.
Ein einzelnes Skript-Tag bindet den gesamten Verifizierungsablauf ein – Telefoneingabe, Codeerfassung, Wiederholungsversuch, Sprach-Fallback. Kein Designaufwand, keine zu implementierenden Zustandsautomaten.
Eigene SDKs für React, React Native, Flutter, iOS und Android – dieselbe Verifizierungsoberfläche wie beim Web-Widget, natives Rendering auf jeder Plattform.
Registrieren Sie in Regionen, die dies zulassen, eine alphanumerische Absenderkennung; andernorts verwenden Sie numerische Lang- und Kurzcodes. Die Codes werden anhand Ihres Namens und nicht anhand eines gemeinsam genutzten Kurzcodes generiert.
Wenn innerhalb Ihres Zeitfensters keine Zustellbestätigung per SMS eingeht, leitet das Widget automatisch einen Sprachanruf ein – gleiche Sitzung, gleicher Code.
Geschwindigkeitsbegrenzungen, Geo-Regeln, IP-Reputation und HLR-Vorvalidierung verhindern OTP-Gebührenbetrug und das Pumpen von Anmeldungen, bevor auch nur eine einzige Nachricht die Plattform verlässt.
Verifizierungserfolg, Kanalmix, Abbruchquote nach Land und mittlere Lieferzeit – live im Dashboard, exportierbar in Ihr Lager.
Das Widget wird automatisch auf jedem markierten Element eingebunden. data-myotp. Bei Erfolg wird ein kurzlebiges JWT zurückgegeben – überprüfen Sie es auf Ihrem Server und starten Sie die Sitzung.
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="en"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>Herausforderung: Ein kundenspezifischer Verifizierungsprozess band Entwickler dauerhaft in der Wartung. Lösung: Das MyOTP-Widget ersetzte die eigene Oberfläche; arabische, englische und russische Texte wurden parallel bereitgestellt.
Herausforderung: Eine große Nutzerbasis verwendete mehrere unterschiedliche OTP-Oberflächen für Web und Mobilgeräte ohne einheitliche Analysen. Lösung: Ein einziges Flutter SDK und das Web-Widget standardisierten die Verifizierung auf iOS, Android und im Browser.
Herausforderung: Ältere Reisende verpassen in der Hauptreisezeit häufig SMS-Codes, was die Buchungskonversion verzögert. Lösung: Das Widget wurde mit aktivierter Sprachausgabe in Arabisch im selben Checkout-Prozess bereitgestellt.
Jede Verifizierung hinterlässt eine Ereignisspur. Aufbewahrungsdauer und Speicherort sind pro Arbeitsbereich konfigurierbar – einschließlich Optionen für MENA-Residenten für in der Golfregion regulierte Workloads.
Auf einer statischen Seite dauert es weniger als 5 Minuten von der Erstellung der App-ID bis zur ersten verifizierten Nutzerseite – einfach das Skript-Tag einfügen, ein Div-Element platzieren und eine Callback-Funktion schreiben. Bei einer Single-Page-Anwendung (SPA) (React/Vue/Next.js) sind es 15–30 Minuten, inklusive SDK-Installation und JWT-Verifizierung auf dem Server. Die Integration mobiler SDKs dauert je nach Build-Konfiguration 30–60 Minuten.
Design (hell/dunkel/benutzerdefinierte CSS-Variablen), Markenfarbe, Logo-URL, Akzentfarbe, Schriftart, Texte für alle UI-Zeichenketten in jeder Sprache, Absender-ID pro Land, Zeit für Sprach-Fallback, Wiederholungsrichtlinie und CSS-Überschreibungen für den Modal-Frame selbst. Das Widget ist eine Shadow-DOM-Webkomponente – Ihr Seiten-CSS wird nicht sichtbar.
Ja. Kein „Powered by MyOTP“-Siegel. Ihre Absenderkennung liefert den Code, Ihre Domain hostet den iFrame (CNAME-Konfiguration), Ihr Logo und Ihre Markenfarben gestalten das Modal. MyOTP wird nur in Ihrem Dashboard erwähnt.
Über 30 Sprachen (Stand: letzter Zählung): Englisch, Arabisch (mit vollständiger RTL-Unterstützung), Französisch, Spanisch, Portugiesisch (PT und BR), Deutsch, Italienisch, Niederländisch, Polnisch, Türkisch, Russisch, Ukrainisch, Hindi, Urdu, Bengali, Tamil, Indonesisch, Malaiisch, Thailändisch, Vietnamesisch, Japanisch, Koreanisch, Vereinfachtes und Traditionelles Chinesisch, Hebräisch, Griechisch, Rumänisch, Tschechisch, Ungarisch, Schwedisch, Norwegisch, Dänisch, Finnisch. Sie können jede Zeichenkette für jedes Gebietsschema überschreiben.
Pro verifiziertem Nutzer, mit einem großzügigen Gratis-Kontingent (die ersten 250 Verifizierungen/Monat sind zur Evaluierung kostenlos). Das Produktiv-Kontingent beginnt bei 0,05 $/Verifizierung für Standard-Absender-IDs und sinkt auf ca. 0,028 $ bei 1 Million/Monat. Ab 10 Millionen Verifizierungen/Monat fallen Enterprise-Tarife von ca. 0,018 $ pro verbundenem Anruf an. Sprach-Fallback wird zusätzlich mit 0,018 $ pro verbundenem Anruf berechnet.
Immer. Das Widget übergibt dem Browser ein kurzlebiges JWT, sendet aber gleichzeitig einen Webhook per POST an Ihren Server mit demselben Verifizierungsereignis. Sie sollten das Client-JWT als Hinweis und den Webhook als maßgebliche Information betrachten – dies ist das Integrationsmuster in jedem Codebeispiel.
Integriert: Geschwindigkeitsbegrenzungen pro Telefon und IP-Adresse, geografische Zulassung/Sperre, IP-Reputationsprüfung, HLR-Vorabvalidierung für portierte und nicht mehr abgeschaltete Rufnummern sowie eine Risikobewertung des Zielrufs anhand bekannter Betrugspräfixe. Alle Funktionen sind im Dashboard konfigurierbar; Pumping-Angriffe werden blockiert, bevor sie in Rechnung gestellt werden.
Benannter technischer Account Manager, dedizierte App-ID mit benutzerdefinierten Ratenbegrenzungen, White-Label-CNAME und benutzerdefinierte Subdomain, On-Premise-JWT-Signaturschlüsselrotation, 99,99% Widget-Verfügbarkeits-SLA mit automatischen Gutschriften und ein gemeinsamer Slack-Kanal mit unserem Engineering-Team für die Reaktion auf Vorfälle.
Die Frage ist nicht dabei? Fragen Sie unser Ingenieurteam
Fügen Sie ein Skript-Tag ein, binden Sie ein Div-Element ein, und das Widget erledigt den Rest – Telefonaufzeichnung, Codeeingabe, Sprachausgabe, Betrugsschutz und Analysen. Kostenlose Version, keine Kreditkarte erforderlich.
Vertiefen Sie die Konzepte hinter diesem Produkt.