できること
「出発前に何が必要？」は、「ビザは必要？」に次いで旅行で2番目に多い質問です。既存の答え — 汎用的な「海外旅行持ち物リスト」PDF、AI生成のリスト記事、代理店のパンフレット — はすべて同じ問題を抱えています：訪問者固有の渡航先×パスポートの組み合わせに紐付いていないのです。
Oriznの旅行チェックリストウィジェットは、2つのISO3入力（渡航先、パスポート）と1つの数値（旅行日数）からチェックリストをその場で構成することでこれを解決します。書類セクションはビザチェッカーと同じビザグラフから、ワクチンはWHO IHR＋CDC Travel Health Noticesから、持ち物は気候対応のテンプレートから、お金のセクションは現地通貨フィードから取得します。
ウィジェットは自己マウント式で、チェック状態をlocalStorageに保存し（サードパーティCookieなし、GDPRセーフ）、PDF印刷ボタンを備えています。すべての国別ガイドの末尾に2行のスニペットを貼れば、読者が出発前に何度も戻ってくる高コンバージョンの準備フローが手に入ります — 再訪のたびに、アフィリエイトのガイドCTAへのチャンスが増えるのです。
ウィジェットビルダー
下のウィジェットは、あなた自身のサイトに貼り付けるものとまったく同じ本番スクリプトで動作しています。言語、テーマ、カラー、ホワイトラベル — すべてのオプションがプレビューとスニペットに即時反映されます。あとは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.
機能
汎用的なチェック項目ではなく、出典付きの具体的な機能です。以下のすべてが、今日の本番ウィジェットに実装されています。
2つのISO3入力だけでチェックリスト全体が再構築されます：そのパスポートに必要な書類、渡航先が義務付けるワクチン、気候に合わせた持ち物、通貨事情を踏まえたお金のアドバイス。
書類、健康、持ち物、お金。各セクションは折りたたみ可能。項目はタップでチェックでき、状態はlocalStorageに保存されるため、訪問者は後日戻ってこられます。
健康セクションは、WHO IHRとCDC Travel Health Noticesから必須・推奨ワクチンを取得し、毎週更新されます。黄熱カードでは証明書の要否を明示的にフラグ表示します。
1日から60日までのスライダーをドラッグすると持ち物リストが再計算されます：下着、充電器、出入国書類のコピーが増えていきます。静的な「バカンス持ち物リスト」とは違います。
ビザチェッカーウィジェットと同じビザグラフを継承します。渡航先にビザが必要な場合、チェックリストには大使館URL付きの「ビザを申請する」項目が含まれます。
ワンタップで、訪問者のチェック状態を反映した1ページの印刷用PDFを生成します。紙のコピーを好む年配の旅行者に便利です。
チェックリスト末尾のCTAは渡航先の完全版ガイドへ誘導します。data-affiliateを設定すれば、コンバージョンごとに50%があなたに還元されます。
Vanilla JS、非同期読み込み。チェックリストの状態はローカルに保存されます — サードパーティトラッキングなし、フィンガープリンティングなし、デフォルトでGDPRセーフです。
活躍する場面
ウィジェットは汎用ですが、特によく導入しているのは次の4つのオーディエンスです。ひとつでも当てはまれば、スニペットを貼って数分で価値を実感できるはずです。
各渡航先記事の末尾に埋め込み。旅の準備に取り組んでいる読者は、アフィリエイトCTAでの成約率が新規訪問者の3〜5倍になります。
「旅の準備をしよう」シーケンスのホスト版にウィジェットを設置。購読者はチェックリストを進め、コンバージョンはあなたのアフィリエイトコードに計上されます。
ページ上部にビザチェッカーウィジェット、下部にチェックリストウィジェットを組み合わせ。1つのページが「ビザは必要？」と「どう準備する？」を1つのファネルで処理します。
/resources/first-tripに固定。約40項目のパーソナライズされたチェックリストが「何か忘れていないか」という不安 — 旅行で最もコンバージョンにつながる感情トリガー — を解消します。
データの出典
書類セクションはOriznのビザグラフ（200以上の大使館フィード）から。ワクチンはWHO国際保健規則（IHR）とCDC Travel Health Noticesから毎週更新。持ち物はOpen-Meteoの30年間の気候平年値をキーにした気候対応テンプレートから。お金のアドバイスは、カード決済の普及度、ATMの利用しやすさ、よくある詐欺を網羅した195か国の手作業キュレーションデータセットからです。
リファレンス
すべてのオプションはコンテナdiv上のdata-*属性です。JavaScriptの設定は一切不要 — 貼り付けて、必要な属性を設定して、公開するだけです。
| パラメータ | 型 | デフォルト | 説明 |
|---|---|---|---|
data-destination | ISO3 | "" | チェックリストの対象となる渡航先の国（例：VNM）。 |
data-passport | ISO3 | "" | 訪問者のパスポート（例：FRA）。ビザと書類のセクションに反映されます。 |
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 | "" | ガイド販売の50/50レベニューシェア用の、あなたのORIZN-XXXXXまたはaff_…コード（どちらの形式も有効）。 |
data-color | hex | #2563EB | プログレスバー、チェックマーク、CTAに使われるアクセントカラー。16進カラーのみ（サニタイズ済み）。 |
data-branding | string | "on" | "off"に設定するとホワイトラベル化：「Powered by Orizn」フッター、JSON-LDスキーマ、シェアテキスト内のorizn.appの記載を非表示にします。 |
data-radius | int | 16 | ウィジェットカードと入力欄の角丸半径（px）。 |
data-font | string | "system-ui" | ウィジェット全体で使用するフォントファミリー。任意のCSSフォントスタックが使えます。 |
連携
同じ2行のスニペットで、スタックに応じて貼り付け手順が少し異なるだけです。CMS別の詳しいステップバイステップガイド：
収益化
コンテナdivに data-affiliate="ORIZN-XXXXX" を追加してください — ORIZN-…とaff_…のどちらのコード形式も使えます。読者がウィジェット経由で行ったガイド購入は30日間あなたにアトリビューションされ、支払いはStripe経由で毎月処理されます。最低支払額なし、チャージバックなし、アフィリエイトダッシュボードで完全な透明性を提供します。
FAQ
ウィジェットを導入する開発者、ブロガー、アフィリエイターから寄せられた実際の質問です。ここにない質問は、/embed/getting-startedのドキュメントがロングテールをカバーしています。
関連ウィジェット
5つのウィジェットはすべて同じランタイムを共有しているため、同じページに2つ目を追加しても追加コストはゼロです。スイートは組み合わせて使うよう設計されています。