它能做什么
“X vs Y”是旅行领域意图最强的搜索类型——搜索者距离下单只有 72 小时。大多数文章回答得很糟：一堵文字墙、两张静态表格、没有权威来源、没有个性化。Orizn 国家对比小组件把完整答案压缩进一张卡片：三行对比，胜负一目了然。
每一行对比来自不同的 Orizn 数据源：签证来自签证图谱（39 601 个组合、200+ 使馆数据源），费用来自 Numbeo + BackpackerIndex + Orizn 用户提交聚合器，安全来自 Numbeo 安全指数与全球和平指数（GPI）的综合。设置 data-passport 后，签证行会按访客国籍个性化。
小组件自挂载，gzip 后 16 KB（因气候画布略重），兼容所有主流 CMS。把两行代码放到你存档里的每篇“X vs Y”文章上，小组件就会用永远新鲜的数据替换你的过期表格——外加任意一侧产生的指南销售 50/50 分成。
小组件构建器
下方的小组件运行的正是你将粘贴到自己网站上的生产脚本。每个选项都会即时更新预览和代码——语言、主题、颜色、白标——调好后复制两行代码即可。
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。两个国家选择器可独立设置——预填一个、让访客选另一个，或两个都预填。
点击气候行即可展开两国并排的 12 个月气温/降雨图。非常适合“什么时候去”类内容。
包含主要枢纽间的平均机票价格、境内出租车/巴士每公里价格，以及一周租车的费用。数据来自 Skyscanner 和 Numbeo。
一键生成 1200×630 的 PNG，含两国国旗、3 行获胜方和 Orizn 水印。已为 X 和 Pinterest 预格式化。
两个国家各有一个“查看完整指南”CTA。设置 data-affiliate 后，无论访客选择左边还是右边的国家，每笔销售的 50% 都归你。
因为有气候图表画布，比单国小组件略重，但仍远低于 Core Web Vitals 的 50 KB“第三方预算”阈值。
最佳场景
小组件是通用的，但以下四类用户使用最多。只要你符合其中任何一类，粘贴代码后几分钟内就能见效。
在“越南 vs 泰国”“巴厘岛 vs 龙目岛”“数字游民选葡萄牙还是西班牙”等文章中嵌入小组件。它在页面内直接回答整个搜索意图，大幅降低跳出率。
在为客户对比目的地国家的落地页上嵌入小组件。签证感知的对比行让成本/生活质量的权衡变得具体。
置顶在 /resources/where-to-go-next。比较里斯本、墨西哥城和巴厘岛的订阅者得到实时、有来源、可分享的答案。
与多目的地套餐并排嵌入。对比小组件锚定取舍，你的套餐回答下一个问题。
数据从何而来
签证行来自 Orizn 签证图谱（200+ 使馆数据源、双来源质量门槛）。费用行来自 Numbeo、BackpackerIndex 及自研用户提交聚合器。安全行为 Numbeo 安全指数与全球和平指数的综合。气候行来自 Open-Meteo 的 30 年历史气候平均值。交通来自 Skyscanner 聚合中位数。
参考
每个选项都是容器 div 上的一个 data-* 属性。无需任何 JavaScript 配置——粘贴、设置想要的属性、上线。
| 参数 | 类型 | 默认值 | 说明 |
|---|---|---|---|
data-country1 | ISO3 | "" | 并排对比中的第一个国家（如 VNM）。访客可自行更改。 |
data-country2 | ISO3 | "" | 并排对比中的第二个国家（如 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"（跟随系统）、"light" 或 "dark"。 |
data-affiliate | string | "" | 你的 ORIZN-XXXXX 或 aff_… 联盟代码（两种格式均可），用于获得指南销售的 50/50 分成。 |
data-color | hex | #2563EB | “获胜方”徽章、焦点环和 CTA 的强调色。仅接受十六进制色值（会做安全过滤）。 |
data-branding | string | "on" | 设为 "off" 即可白标：隐藏“Powered by Orizn”页脚、JSON-LD 结构化数据以及分享文案中的 orizn.app 字样。 |
data-radius | int | 16 | 小组件卡片和输入框的圆角半径（px）。 |
data-font | string | "system-ui" | 整个小组件使用的字体族。任何 CSS 字体栈均可。 |
集成
同样的两行代码，不同技术栈的粘贴路径略有差异。各 CMS 的分步指南：
变现
在容器 div 上添加 data-affiliate="ORIZN-XXXXX" 即可——ORIZN-… 和 aff_… 两种代码格式均可。读者通过小组件购买的每份指南在点击后 30 天内归因到你，收益每月通过 Stripe 结算。无最低门槛、无追回条款，联盟后台数据完全透明。
常见问题
来自集成小组件的开发者、博主和联盟营销者的真实问题。如果没找到你的问题，/embed/getting-started 的文档覆盖了更长尾的内容。
相关小组件
五个小组件共享同一运行时，因此在页面上再加一个不产生任何额外开销。整个套件就是为组合而设计的。