ドロップインJSウィジェット
単一のスクリプトタグをマウントするだけで、電話番号入力、認証コードの取得、リトライ、音声フォールバックを含む検証フロー全体が実装可能です。デザイン作業やステートマシンの構築は不要です。
MyOTP.Appは、Webやモバイルアプリに貼り付けるだけで導入できる、構築済みの認証ウィジェットです。電話番号入力、コード取得、再試行、音声フォールバック、不正防止機能を備え、すべてBroadNetの通信事業者直結OTPルート上で動作し、単一のスクリプトタグで導入できます。
ウィジェットそのものが統合インターフェースです。その裏側では、すべての認証がBroadNet独自のOTP専用ルートを経由します。中央値5秒未満の配信スピード、HLRによる事前検証、そして音声フォールバックも標準実装済みです。
12kBのJSウィジェットを任意のdata-myotp divにマウント可能。電話番号入力、テーマ、ロケールはdata-*属性から読み込まれます。ステートマシンを記述する必要はありません。
Widgetは、お客様のアプリキーを使用してBroadNetの認証サービスを呼び出します。送信元チェック、CORSピン留め、IPおよびセッションごとのレート制限が適用されます。
チャネルはアカウントポリシーによって選択されます。HLRによる事前検証で無効な番号を排除し、SMS DLRが時間内に届かない場合は音声フォールバックが作動します。
iOSおよびAndroidのSMS通知からオートコンプリート。6桁入力、アクセシビリティ対応、アラビア語およびヘブライ語のRTL(右から左への記述)にも対応。
検証に成功すると、ウィジェットから有効期限の短いJWT(デフォルト5分)が発行されます。セッションを許可する前に、サーバー側で署名を検証してください。
12kBのJSウィジェットを任意のdata-myotp divにマウント可能。電話番号入力、テーマ、ロケールはdata-*属性から読み込まれます。ステートマシンを記述する必要はありません。
Widgetは、お客様のアプリキーを使用してBroadNetの認証サービスを呼び出します。送信元チェック、CORSピン留め、IPおよびセッションごとのレート制限が適用されます。
チャネルはアカウントポリシーによって選択されます。HLRによる事前検証で無効な番号を排除し、SMS DLRが時間内に届かない場合は音声フォールバックが作動します。
iOSおよびAndroidのSMS通知からオートコンプリート。6桁入力、アクセシビリティ対応、アラビア語およびヘブライ語のRTL(右から左への記述)にも対応。
検証に成功すると、ウィジェットから有効期限の短いJWT(デフォルト5分)が発行されます。セッションを許可する前に、サーバー側で署名を検証してください。
ウィジェットを設置し、アプリIDを指定して送信を開始するだけです。テーマ設定、ローカライズ、そしてBroadNetのネットワーク全体と同じOTP配信ルートへの接続まで、必要なものはすべてパッケージに含まれています。
単一のスクリプトタグをマウントするだけで、電話番号入力、認証コードの取得、リトライ、音声フォールバックを含む検証フロー全体が実装可能です。デザイン作業やステートマシンの構築は不要です。
React、React Native、Flutter、iOS、Android向けのファーストパーティ製SDK。Webウィジェットと同じ認証インターフェースを提供し、あらゆるプラットフォームでネイティブレンダリングを実現します。
許可されている地域では英数字の送信元IDを登録し、それ以外の地域では数値のロングコードまたはショートコードを使用します。コードは共通のショートコードではなく、お客様の名前で届きます。
指定した時間内にSMSから配信レポートが返されない場合、ウィジェットが自動的に音声OTPへエスカレーションします。同一セッション、同一コードで実行されます。
速度制限、地理ルール、IPレピュテーション、およびHLRの事前検証により、メッセージがプラットフォームから送信される前に、OTPのトールフラウド(通信詐欺)やサインアップパンピングをブロックします。
認証成功率、チャネル構成、国別の離脱率、および中央値の配信時間。これらはダッシュボードでリアルタイムに確認でき、データウェアハウスへのエクスポートも可能です。
指定された要素にウィジェットが自動的にマウントされますdata-myotp。成功すると短期間有効なJWTが返されます。サーバーでこれを検証してセッションを開始してください。
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>課題:独自の認証フローの継続的なメンテナンスに、エンジニアが拘束されていました。アプローチ:MyOTPウィジェットがカスタムUIを置き換え、アラビア語・英語を含む3言語のコピーを並行して実装しました。
課題:大規模なユーザーベースが、統合された分析機能のないまま、Webとモバイルで複数の異なるOTP UIを使っていました。アプローチ:単一のFlutter SDKとWebウィジェットにより、iOS、Android、ブラウザでの認証を標準化しました。
課題:旅行のピークシーズンにおいて、高齢の乗客がSMS認証コードを見落とすことが多く、予約コンバージョン率の低下を招いていました。アプローチ:決済セッション内で、アラビア語による音声フォールバックを有効にしたウィジェットを導入しました。
すべての認証にはイベント履歴が残ります。データの保持期間と保存場所はワークスペースごとに設定可能で、湾岸諸国の規制対象ワークロード向けにMENA居住オプションも用意されています。
静的ページの場合、アプリID作成から最初の認証ユーザーまで5分以内です。スクリプトタグを貼り付け、divを配置し、コールバックを1つ記述するだけです。SPA(React/Vue/Next.js)の場合は、SDKのインストールとサーバーでのJWT認証を含めて15〜30分です。モバイルSDKは、ビルド設定によりますが、統合に30〜60分を要します。
テーマ(ライト/ダーク/カスタムCSS変数)、ブランドカラー、ロゴURL、アクセントカラー、フォントファミリー、全ロケールの全UI文字列のコピー、国別の送信元ID、音声フォールバックのタイミング、リトライポリシー、およびモーダルフレーム自体のCSSオーバーライド。ウィジェットはShadow DOMウェブコンポーネントであるため、ページのCSSが漏れ出すことはありません。
はい。「powered by MyOTP」のバッジは表示されません。送信元IDがコードを配信し、お客様のドメインがiframeをホスト(CNAME設定)し、お客様のロゴとブランドカラーがモーダルに表示されます。MyOTPへの言及はお客様自身のダッシュボード内のみに限定されます。
直近の集計では30言語以上に対応:英語、アラビア語(完全なRTL対応)、フランス語、スペイン語、ポルトガル語(PTおよびBR)、ドイツ語、イタリア語、オランダ語、ポーランド語、トルコ語、ウクライナ語、ヒンディー語、ウルドゥー語、ベンガル語、タミル語、インドネシア語、マレー語、タイ語、ベトナム語、日本語、韓国語、簡体字中国語および繁体字中国語、ヘブライ語、ギリシャ語、ルーマニア語、チェコ語、ハンガリー語、スウェーデン語、ノルウェー語、デンマーク語、フィンランド語。ロケールごとに任意の文字列を上書きできます。
認証済みユーザーごとに料金が発生し、評価用の無料ティアも用意されています。標準的な送信元IDの場合、本番環境の料金目安は1認証あたり約$0.05から始まり、ボリュームディスカウントにより低下します。大量送信およびエンタープライズティアについては、対象国や月間のコミットメントに基づいて見積もりを行います。音声フォールバックは、接続された通話ごとに別途請求されます。これらの数値はイメージであり、配信ルートによって異なります。最終的な料金は商用契約にて決定されます。
常に可能です。ウィジェットはブラウザに短期間有効なJWTを渡すと同時に、同じ認証イベントを含むWebhookを貴社のサーバーにPOSTします。クライアントのJWTはヒントとして扱い、Webhookを正当なものとして扱うべきです。これがすべてのコードサンプルにおける統合パターンです。
標準機能として、電話番号ごとの送信速度制限、IPごとの送信速度制限、地理的な許可/拒否設定、IPレピュテーションによるゲート制御、番号ポータビリティや切断済み番号に対するHLRによる事前検証、および既知の不正課金(toll-fraud)プレフィックスに対する宛先リスクスコアを備えています。これらはすべてダッシュボードで設定可能であり、SMSパンピング攻撃は課金が発生する前にブロックされます。
専任のテクニカルアカウントマネージャー、カスタムレート制限を適用した専用アプリID、ホワイトラベル対応のCNAMEおよびカスタムサブドメイン、オンプレミスでのJWT署名キーのローテーション、自動クレジット付与を含むウィジェット稼働率99.99%のSLA、およびインシデント対応のためのエンジニアリングチームとの共有Slackチャネル。
お探しの回答が見つかりませんか?エンジニアリングチームにお問い合わせください
1つのスクリプトタグを貼り付け、1つのdivをマウントするだけで、ウィジェットが電話番号の取得、コード入力、音声フォールバック、不正防止、分析などの残りの処理をすべて実行します。無料プランではカード登録不要です。