できること
「X vs Y」は旅行分野で最も購買意欲の高いクエリ群です — 検索者は予約まで72時間以内にいます。ほとんどの記事はこれにうまく答えられていません：長文の壁、2つの静的な表、出典なし、パーソナライズなし。Oriznの国比較ウィジェットは、答えのすべてを3行と明確な勝者を備えた1枚のカードに集約します。
各比較行はそれぞれ異なるOriznデータソースから取得されます：ビザはビザグラフ（39 601セル、200以上の大使館フィード）、費用はNumbeo＋BackpackerIndex＋Oriznのユーザー投稿アグリゲーター、治安はNumbeoの安全指数と世界平和度指数（GPI）の複合値。data-passportを設定すると、ビザ行は訪問者の国籍にパーソナライズされます。
ウィジェットは自己マウント式で、gzip後16 KB（気候canvasの分だけやや重め）、主要CMSすべてで動作します。アーカイブ内のすべての「X vs Y」記事に2行のスニペットを貼れば、陳腐化した表が常に最新のデータに置き換わります — さらに、どちらの側で発生したガイド販売にも50/50のレベニューシェアが付きます。
ウィジェットビルダー
下のウィジェットは、あなた自身のサイトに貼り付けるものとまったく同じ本番スクリプトで動作しています。言語、テーマ、カラー、ホワイトラベル — すべてのオプションがプレビューとスニペットに即時反映されます。あとは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.
機能
汎用的なチェック項目ではなく、出典付きの具体的な機能です。以下のすべてが、今日の本番ウィジェットに実装されています。
費用（4レーン）、ビザ（ルール＋最大滞在日数）、治安（Numbeo＋GPI）。一方の国が明確に優位な行には勝者チップが表示されます。
data-passportを設定すると、ビザ行は汎用の表ではなく訪問者のパスポートに対するルールを表示します。特定の国籍をターゲットにしたSEOコンテンツに本物の価値をもたらします。
ISO 3166-1を完全カバー。2つの国ピッカーは独立して設定可能 — 片方だけ事前入力して訪問者にもう片方を選ばせることも、両方を固定することもできます。
気候行をタップすると、両国の12か月分の気温・降水量チャートが並んで展開されます。「ベストシーズン」系コンテンツに最適です。
主要ハブ間の平均航空券価格、国内のタクシー/バスのkm単価、1週間のレンタカー費用を含みます。SkyscannerとNumbeoがソースです。
ワンタップで、両国の国旗、3行分の勝者、Oriznウォーターマーク入りの1200×630 PNGを生成。XとPinterest向けにフォーマット済みです。
両方の国に「完全版ガイドを見る」CTAが付きます。data-affiliateを設定すれば、訪問者が左右どちらの国を選んでも、販売ごとに50%があなたに還元されます。
気候チャートのcanvasの分だけ単一国ウィジェットよりわずかに重いものの、Core Web Vitalsの「サードパーティ予算」50 KBのしきい値を大きく下回ります。
活躍する場面
ウィジェットは汎用ですが、特によく導入しているのは次の4つのオーディエンスです。ひとつでも当てはまれば、スニペットを貼って数分で価値を実感できるはずです。
「ベトナム vs タイ」「バリ vs ロンボク」「ノマドのためのポルトガル vs スペイン」にウィジェットを埋め込み。クエリ全体にページ内で答え、直帰率を大幅に下げます。
クライアント向けに移住先候補を比較するランディングページに設置。ビザを考慮した行により、費用と生活の質のトレードオフが具体的になります。
/resources/where-to-go-nextに固定。リスボン vs メキシコシティ vs バリを比較する購読者が、シェアできる出典付きのライブの答えを得られます。
複数目的地パッケージの横に埋め込み。比較がトレードオフのアンカーとなり、あなたのパッケージが次の疑問に答えます。
データの出典
ビザ行はOriznのビザグラフ（200以上の大使館フィード、2ソース品質ゲート）から。費用行はNumbeo、BackpackerIndex、自社のユーザー投稿アグリゲーターから。治安行はNumbeo安全指数と世界平和度指数の複合値。気候行はOpen-Meteoの30年間の気候平年値。交通はSkyscannerの集計中央値です。
リファレンス
すべてのオプションはコンテナdiv上のdata-*属性です。JavaScriptの設定は一切不要 — 貼り付けて、必要な属性を設定して、公開するだけです。
| パラメータ | 型 | デフォルト | 説明 |
|---|---|---|---|
data-country1 | ISO3 | "" | 比較の1か国目（例：VNM）。訪問者は変更できます。 |
data-country2 | ISO3 | "" | 比較の2か国目（例：THA）。訪問者は変更できます。 |
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つ目を追加しても追加コストはゼロです。スイートは組み合わせて使うよう設計されています。