できること
ビザチェッカーウィジェットは、当スイートで最もリクエストの多い埋め込みです。旅行コンテンツが扱うべき最頻出の疑問 — 「ビザは必要？」 — に、読者を外部サイトへ送ってファネルを断ち切ることなく答えます。
内部的には、ウィジェットはOriznのビザグラフに問い合わせます。これは39 601のパスポート×渡航先セルからなるデータベースで、大使館フィード、IATA、政府のプレスリリース、そして200以上の公式ソースを対象とした自社スクレイパーから毎晩照合・更新されています。各セルにはポリシー種別（ビザフリー、アライバルビザ、e-Visa、大使館申請、入国拒否）、最大滞在日数、処理期間、費用、一次情報のURLが含まれます。
読者は検索可能なピッカー（199の選択肢、現地語の国名）からパスポートを選び、渡航先をタップすると、200ミリ秒以内に結果カードが返ります。カードにはルール、次のステップのCTA、そしてその渡航先の完全版Oriznトラベルガイドへのアフィリエイトリンク（任意）が表示されます。ウィジェットは完全自己マウント式 — init関数の呼び出しもReactプロバイダの配線も不要 — で、あらゆるHTMLページ、主要CMSすべて、そしてnext/script経由のReact/Next.js内で動作します。
ウィジェットビルダー
下のウィジェットは、あなた自身のサイトに貼り付けるものとまったく同じ本番スクリプトで動作しています。言語、テーマ、カラー、ホワイトラベル — すべてのオプションがプレビューとスニペットに即時反映されます。あとは2行のスニペットをコピーするだけです。
Live preview · updates as you type
The widget above runs the exact production script you would paste on your own site — async, zero dependencies, scoped CSS. Every option on the left maps to a data-* attribute in the snippet.
機能
汎用的なチェック項目ではなく、出典付きの具体的な機能です。以下のすべてが、今日の本番ウィジェットに実装されています。
ビザのルールは予告なく変わります。当社のパイプラインは200以上の公式大使館サイト、IATA、Timatic相当のフィードを24時間ごとに取得し、矛盾を照合したうえで公開しています。
ISO 3166-1を完全カバー。訪問者は一度パスポートを選ぶだけで、ファーストパーティCookie1つにより再訪時にも記憶されます。
ビザが必要な場合、ウィジェットは最寄りの大使館またはe-Visaポータルへの直リンクを表示します。余計なクリックは不要です。
結果カードには渡航先の平均日次予算と訪問者のパスポート・モビリティスコアが表示され、1つのウィジェットで3つの疑問に同時に答えます。
ワンタップで訪問者のパスポートが事前入力されたディープリンクをコピー。旅の同行者に文脈を失わずに結果をDMできます。
訪問者のブラウザ言語を自動検出します。読者層の言語が単一の場合はdata-langで特定のロケールに固定できます。
data-affiliate="ORIZN-XXXXX"（aff_…形式のコードも可）を追加すると、ガイド購入の50%があなたに還元され、クリック後30日間アトリビューションされます。
Vanilla JSのみ。ReactもjQueryも不要。Lighthouseへの影響はごくわずかで、CSSはスコープ化され競合を回避します。
活躍する場面
ウィジェットは汎用ですが、特によく導入しているのは次の4つのオーディエンスです。ひとつでも当てはまれば、スニペットを貼って数分で価値を実感できるはずです。
各国ガイドの冒頭に一度埋め込むだけ。読者は記事を離れることなく「ベトナムにビザは必要？」の答えを得られます。
トラフィックの多い既存記事にウィジェットを設置。ガイド収益の50/50シェアが、AdSenseでは稼げないページを収益化します。
ウェルカムページや固定記事にウィジェットを追加。購読者は即座にビザ検索でき、あなたには成果が計上されます。
/resourcesページにウィジェットを固定。次の国への移動を計画するメンバーが、数秒で入国可否を確認できます。
データの出典
ビザポリシーは、公式大使館フィード、IATAのTimatic相当ソース、政府のプレスリリース、そして200以上の省庁サイトをカバーする自社製Rustスクレイパーから照合されています。各セルはホバーで出典URLを表示し、グラフ全体が毎晩再構築されます。ポリシー変更の公開には2ソース一致を求める品質ゲートを通過する必要があります。
リファレンス
すべてのオプションはコンテナdiv上のdata-*属性です。JavaScriptの設定は一切不要 — 貼り付けて、必要な属性を設定して、公開するだけです。
| パラメータ | 型 | デフォルト | 説明 |
|---|---|---|---|
data-destination | ISO3 | "" | 渡航先の国を事前入力します（例：VNM、THA、JPN）。訪問者はあとから変更できます。 |
data-lang | string | "auto" | ブラウザ言語の自動検出を上書きします。対応する16ロケール：en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr（アラビア語はRTL表示）。 |
data-theme | string | "auto" | テーマを固定します："auto"（OSに追従）、"light"、"dark"。 |
data-affiliate | string | "" | あなたのORIZN-XXXXXまたはaff_…コード（どちらの形式も有効）。ガイド販売の50/50レベニューシェアを受け取るために必須です。 |
data-show-score | bool | true | 結果カード内のビザフリースコアのチップ表示を切り替えます。 |
data-show-budget | bool | true | ビザ結果の下に表示される1日あたりの予算目安の表示を切り替えます。 |
data-show-guide | bool | true | アフィリエイト成約に使われる「完全版トラベルガイドを購入」CTAの表示を切り替えます。 |
data-color | hex | #2563EB | ボタン、フォーカスリング、リンク、結果チップに使われるアクセントカラー。16進カラーのみ（サニタイズ済み）。 |
data-branding | string | "on" | "off"に設定するとホワイトラベル化：「Powered by Orizn」フッター、JSON-LDスキーマ、シェアテキスト内のorizn.appの記載を非表示にします。 |
data-radius | int | 16 | ウィジェットカードと入力欄の角丸半径（px）。 |
data-font | string | "system-ui" | ウィジェット全体で使用するフォントファミリー。任意のCSSフォントスタックが使えます。 |
data-no-cookie | bool | false | GDPRモード：trueにするとウィジェットはCookieを一切書き込みません（再訪時のパスポート記憶は無効になります）。 |
data-api-key | string | "" | 任意のOrizn APIキー。設定すると、チェック回数は共有の公開プールではなく、あなたのプランのクォータにカウントされます。 |
連携
同じ2行のスニペットで、スタックに応じて貼り付け手順が少し異なるだけです。CMS別の詳しいステップバイステップガイド：
収益化
コンテナdivに data-affiliate="ORIZN-XXXXX" を追加してください — ORIZN-…とaff_…のどちらのコード形式も使えます。読者がウィジェット経由で行ったガイド購入は30日間あなたにアトリビューションされ、支払いはStripe経由で毎月処理されます。最低支払額なし、チャージバックなし、アフィリエイトダッシュボードで完全な透明性を提供します。
FAQ
ウィジェットを導入する開発者、ブロガー、アフィリエイターから寄せられた実際の質問です。ここにない質問は、/embed/getting-startedのドキュメントがロングテールをカバーしています。
関連ウィジェット
5つのウィジェットはすべて同じランタイムを共有しているため、同じページに2つ目を追加しても追加コストはゼロです。スイートは組み合わせて使うよう設計されています。