무엇을 하나요
"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개월 기온/강수량 차트가 나란히 펼쳐집니다. "언제 방문할까" 콘텐츠에 안성맞춤입니다.
주요 허브 간 평균 항공권 가격, 현지 택시/버스 km당 요금, 1주일 렌터카 비용을 포함합니다. Skyscanner와 Numbeo 기반입니다.
한 번의 탭으로 양국 국기, 3개 행 승자, Orizn 워터마크가 담긴 1200×630 PNG가 렌더링됩니다. X와 Pinterest에 맞게 사전 포맷되어 있습니다.
두 국가 모두 "전체 가이드 보기" CTA가 표시됩니다. data-affiliate가 설정되면 방문자가 왼쪽 국가를 고르든 오른쪽을 고르든 모든 판매의 50%가 귀하에게 배분됩니다.
기후 차트 캔버스 때문에 단일 국가 위젯보다 약간 무겁지만, Core Web Vitals의 50 KB "서드파티 예산" 임계값에는 여전히 크게 못 미칩니다.
빛을 발하는 곳
위젯은 범용이지만, 특히 네 부류의 사용자가 가장 자주 도입합니다. 아래에서 자신의 모습을 발견했다면 스니펫을 붙여넣은 지 몇 분 안에 가치를 얻게 될 것입니다.
"베트남 vs 태국", "발리 vs 롬복", "노마드를 위한 포르투갈 vs 스페인"에 위젯을 임베드하세요. 위젯이 페이지 안에서 검색 의도 전체에 답해 이탈률을 크게 낮춥니다.
고객을 위한 국가 비교 랜딩 페이지에 위젯을 배치하세요. 비자 인지형 행이 비용/삶의 질 트레이드오프를 구체화합니다.
/resources/where-to-go-next에 고정하세요. 리스본 vs 멕시코시티 vs 발리를 비교하는 구독자가 공유 가능한, 출처가 명확한 실시간 답변을 얻습니다.
다중 목적지 패키지 옆에 임베드하세요. 비교가 트레이드오프를 정리해 주고, 귀사의 패키지가 다음 질문에 답합니다.
데이터 출처
비자 행은 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"(OS 설정 따름), "light", "dark". |
data-affiliate | string | "" | 가이드 판매의 50/50 수익 배분을 위한 ORIZN-XXXXX 또는 aff_… 코드(두 형식 모두 지원). |
data-color | hex | #2563EB | "승자" 칩, 포커스 링, CTA에 사용되는 강조 색상. hex 값만 허용됩니다(자동 정제). |
data-branding | string | "on" | "off"로 설정하면 화이트라벨 모드: "Powered by Orizn" 푸터, JSON-LD 스키마, 공유 텍스트의 orizn.app 언급이 숨겨집니다. |
data-radius | int | 16 | 위젯 카드와 입력 요소의 모서리 반경(px). |
data-font | string | "system-ui" | 위젯 전체에 사용되는 font-family. 모든 CSS 폰트 스택을 사용할 수 있습니다. |
연동
같은 두 줄 스니펫이지만 스택에 따라 붙여넣는 경로가 조금씩 다릅니다. CMS별 단계별 상세 가이드:
수익화
컨테이너 div에 data-affiliate="ORIZN-XXXXX" 를 추가하세요 — ORIZN-…과 aff_… 두 코드 형식 모두 지원됩니다. 독자가 위젯을 통해 구매한 모든 가이드는 30일간 귀하에게 귀속되며, 정산은 매월 Stripe로 처리됩니다. 최소 금액 없음, 환수 없음, 제휴 대시보드에서 모든 내역을 투명하게 확인할 수 있습니다.
FAQ
위젯을 연동하는 개발자, 블로거, 제휴 마케터들이 실제로 묻는 질문입니다. 여기에 없다면 /embed/getting-started 문서가 롱테일을 다룹니다.
관련 위젯
다섯 개 위젯 모두 동일한 런타임을 공유하므로, 페이지에 두 번째 위젯을 추가해도 추가 비용이 전혀 없습니다. 스위트는 조합해 쓰도록 설계되었습니다.