Country comparison widget

Country Comparison Widget
Libreng travel widget para sa iyong site

Pinagtatabi ng Orizn country comparison widget ang dalawang destinasyon β€” gastos, visa, kaligtasan, klima, transportasyon β€” sa iisang card. I-embed ito sa mga "X vs Y" SEO page at gawing qualified na benta ng guide ang pinaka-mapagkakakitaang comparison query sa travel.

  • Libre magpakailanman
  • 16 na wika
  • Walang dependencies
  • 50/50 affiliate

Ano ang ginagawa nito

Isang country comparison widget na ginawa para sa travel content

Ang "X vs Y" ang query class na may pinakamataas na intent sa travel β€” ang mga naghahanap ay nasa loob ng 72 oras bago mag-book. Karamihan sa mga artikulo ay hindi ito nasasagot nang maayos: pader ng teksto, dalawang static na table, walang source-of-truth, walang personalization. Nilalagom ng Orizn country comparison widget ang buong sagot sa iisang card na may tatlong row at malinaw na mga winner.

Bawat comparison row ay kumukuha mula sa magkaibang Orizn data source: visa mula sa visa graph (39 601 cell, 200+ feed ng embahada), gastos mula sa Numbeo + BackpackerIndex + user-submitted aggregator ng Orizn, kaligtasan mula sa composite ng Numbeo Safety Index at Global Peace Index. Itakda ang data-passport at magiging personalized ang visa row sa nationality ng bisita.

Self-mounting ang widget, tumitimbang ng 16 KB gzipped (bahagyang mas mabigat dahil sa climate canvas), at gumagana sa bawat pangunahing CMS. Ilagay ang two-line snippet sa bawat "X vs Y" post sa iyong archive at papalitan ng widget ang mga lumang table mo ng laging sariwang datos β€” kasama pa ang 50/50 revenue share sa anumang benta ng guide na malikha ng alinmang panig.

Widget builder

Buuin ang iyong country comparison widget nang live

Ang widget sa ibaba ay nagpapatakbo ng eksaktong production script na ipe-paste mo sa sarili mong site. Bawat opsyon ay agad na nag-a-update sa preview at sa snippet β€” wika, tema, mga kulay, white-label, pagkatapos ay kopyahin ang two-line snippet.

travelwithsarah.com/preview
Destination guide

How the comparateur de pays looks inside a real blog post

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.

Mga Feature

Ano ang kasama sa country comparison widget

Mga espesipiko at may pinagmulang feature β€” hindi generic na checkbox. Bawat item sa ibaba ay nasa production widget na ngayon.

Magkatabi sa 3 kategorya

Gastos (4 na lane), Visa (panuntunan + max stay), Kaligtasan (Numbeo + GPI). Bawat row ay may malinaw na winner chip kapag nangingibabaw ang isang bansa.

Visa row na passport-aware

Itakda ang data-passport at ipapakita ng visa row ang panuntunan para sa pasaporte ng bisita, hindi generic na table. Totoong halaga para sa SEO content na tumatarget sa mga partikular na nationality.

195 bansa sa magkabilang panig

Buong saklaw ng ISO 3166-1. Maaaring itakda nang hiwalay ang dalawang country picker β€” i-pre-fill ang isa, hayaang pumili ang bisita ng isa pa, o i-pre-fill pareho.

Climate row na may monthly chart

I-tap ang climate row para mag-expand ng 12-buwang temperature/rainfall chart para sa dalawang bansa, magkatabi. Mahusay para sa "kailan dapat bumisita" na content.

Transport row na may gastos sa araw ng biyahe

Kasama ang average na presyo ng flight sa pagitan ng mga pangunahing hub, taxi/bus kada km sa loob ng bansa, at gastos ng one-week car rental. Mula sa Skyscanner at Numbeo.

Share-ready na comparison card

Isang tap para mag-render ng 1200Γ—630 PNG na may dalawang bandila, ang 3 row winner, at Orizn watermark. Pre-formatted para sa X at Pinterest.

Dual CTA na handa sa affiliate

Parehong bansa ay may CTA na "Tingnan ang buong guide". Kapag nakatakda ang data-affiliate, bawat benta ay nagruruta ng 50% sa iyo β€” piliin man ng bisita ang kaliwa o kanang bansa.

Zero deps, 16 KB gzipped

Bahagyang mas mabigat kaysa sa mga single-country widget dahil sa climate chart canvas, pero mababa pa rin nang husto sa 50 KB na "third-party budget" threshold ng Core Web Vitals.

Saan ito pinakamahusay

Para kanino ito

General-purpose ang widget, pero apat na audience ang pinakamadalas mag-ship nito. Makilala mo lang ang sarili mo sa alinman sa mga ito at makakakuha ka ng halaga ilang minuto matapos i-paste ang snippet.

Mga X vs Y SEO blogger

I-embed ang widget sa "Vietnam vs Thailand", "Bali vs Lombok", "Portugal vs Spain para sa mga nomad". Sinasagot ng widget ang buong query in-page, kaya malaki ang bawas sa bounce.

Mga relocation consultant

Ilagay ang widget sa mga landing page na nagkukumpara ng mga destinasyong bansa para sa mga kliyente. Ginagawang kongkreto ng visa-aware na row ang trade-off sa gastos/kalidad ng buhay.

Mga nomad newsletter na nagkukumpara ng mga hub

I-pin sa /resources/where-to-go-next. Ang mga subscriber na nagkukumpara ng Lisbon vs Mexico City vs Bali ay makakakuha ng live at may pinagmulang sagot na maaari nilang i-share.

Mga travel agency at tour operator

I-embed sa tabi ng mga multi-destination package. Ang comparison ang nag-a-anchor ng mga trade-off; ang iyong package ang sumasagot sa susunod na tanong.

Paano kinukuha ang datos

Editorial transparency, hindi black box

Visa row mula sa visa graph ng Orizn (200+ feed ng embahada, two-source quality gate). Cost row mula sa Numbeo, BackpackerIndex, at in-house na user-submitted aggregator. Safety row na composite ng Numbeo Safety Index at Global Peace Index. Climate row mula sa 30-taong historical normals ng Open-Meteo. Transportasyon mula sa aggregated medians ng Skyscanner.

Reference

Mga parameter para sa country comparison widget

Bawat opsyon ay isang data-* attribute sa container div. Walang kailangang JavaScript configuration β€” i-paste, itakda ang mga attribute na gusto mo, i-ship.

ParamUriDefaultPaglalarawan
data-country1ISO3""Unang bansa sa side-by-side (hal. VNM). Maaari itong palitan ng mga bisita.
data-country2ISO3""Pangalawang bansa sa side-by-side (hal. THA). Maaari itong palitan ng mga bisita.
data-passportISO3""Pasaporte ng bisita (hal. FRA). Kapag nakatakda, ipinapakita ng visa row ang mga panuntunan sa pagpasok mula sa perspektibo ng kanilang pasaporte.
data-langstring"auto"I-override ang awtomatikong na-detect na wika ng browser. 16 na locale ang suportado: en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr (ang Arabic ay nire-render nang RTL).
data-themestring"auto"Pilitin ang tema: "auto" (sumusunod sa OS), "light", o "dark".
data-affiliatestring""Ang iyong ORIZN-XXXXX o aff_… code (parehong format ay gumagana) para sa 50/50 revenue share sa mga benta ng guide.
data-colorhex#2563EBAccent color para sa mga "winner" chip, focus ring at CTA. Hex values lamang (sina-sanitize).
data-brandingstring"on"Itakda sa "off" para mag-white-label: itinatago ang "Powered by Orizn" footer, ang JSON-LD schema at ang banggit ng orizn.app sa mga share text.
data-radiusint16Corner radius sa px para sa widget card at mga input.
data-fontstring"system-ui"Font-family na ginagamit sa buong widget. Gumagana ang anumang CSS font stack.

Mga Integration

Ilagay ang country comparison widget kahit saan

Parehong two-line snippet, bahagyang naiibang paraan ng pag-paste depende sa iyong stack. Detalyadong step-by-step na gabay kada CMS:

Mag-monetize

Kumita ng 50% sa bawat guide na naibenta ng iyong widget

Idagdag ang data-affiliate="ORIZN-XXXXX" sa container div β€” parehong tinatanggap ang mga format na ORIZN-… at aff_…. Bawat pagbili ng guide na ginawa ng mambabasa sa pamamagitan ng widget ay naka-attribute sa iyo sa loob ng 30 araw, na may mga payout na pinoproseso buwan-buwan sa pamamagitan ng Stripe. Walang minimum, walang clawback, buong transparency sa affiliate dashboard.

Gumawa ng iyong affiliate account β†’

FAQ

Mga tanong tungkol sa country comparison widget

Mga totoong tanong mula sa mga developer, blogger at affiliate marketer na nag-i-integrate ng widget. Kung wala rito ang sa iyo, sinasaklaw ng docs sa /embed/getting-started ang long tail.

Gumagana ba ang country comparison widget sa WordPress?
Oo. Custom HTML block sa Gutenberg, i-paste ang snippet, i-publish. Nasubukan sa WordPress.org self-hosted (lahat ng bersyon β‰₯ 5.0), Elementor, Bricks Builder, Divi, at Astra theme. Maaaring i-block ng mga WordPress.com hosted plan na mas mababa sa Business ang mga <script> tag β€” sa mga iyon, gamitin ang iframe fallback: <iframe src="https://embed.orizn.app/frame/compare?country1=VNM&country2=THA" style="border:0;width:100%;max-width:560px;height:740px" loading="lazy"></iframe>. Ang mga query param ay sumasalamin sa mga data-* attribute nang walang prefix.
Paano kinukuha ang comparison data sa visa, gastos at kaligtasan?
Visa: visa graph ng Orizn, 200+ feed ng embahada, two-source quality gate. Gastos: Numbeo + BackpackerIndex + in-house na user-submitted aggregator na may outlier rejection. Kaligtasan: composite ng Numbeo Safety Index at Global Peace Index. Klima: Open-Meteo 30-taong normals. Makikita sa hover ang source ng bawat row para sa editorial transparency.
Maaari ko bang i-lock ang dalawang bansa para iisang partikular na paghahambing lang ang makita ng mga bisita?
Oo. Itakda pareho ang data-country1 at data-country2 sa container div. Mawawala ang mga country picker at direktang magre-render ang widget sa comparison view. Kapaki-pakinabang kapag ang post mismo ay "Vietnam vs Thailand" at ayaw mong hayaang magpalit ang mga bisita.
Talaga bang libre ang country comparison widget?
Oo, libre magpakailanman, walang usage cap. Kumikita kami sa pamamagitan ng 50/50 share sa mga benta ng Orizn travel guide β€” at ang comparison widget ang may pinakamataas na conversion sa suite dahil ang bisita ay nasa aktibong decision mode na.
Anong mga wika at bansa ang suportado nito?
16 na wika (en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr) at 195 bansa sa parehong picker (buong saklaw ng ISO 3166-1). Bawat bansa ay ipinapakita ang katutubong pangalan nito sa picker.
Maaari ko bang i-white-label ang widget?
Oo. Itakda ang data-branding="off" para alisin ang "Powered by Orizn" footer, ang JSON-LD schema at ang banggit ng orizn.app sa share. I-style ito gamit ang data-color, data-radius at data-font, o i-override ang anumang CSS custom property (--orizn-accent, --orizn-bg, --orizn-fg, --orizn-border, …), hal. #orizn-compare .orizn-w { --orizn-bg: #111 }.

Mga kaugnay na widget

Ipares ito sa iba pang bahagi ng suite

Lahat ng limang widget ay gumagamit ng parehong runtime, kaya walang dagdag na gastos ang pagdaragdag ng pangalawa sa pahina. Dinisenyo ang suite para pagsamahin.

Handa nang mag-embed?

I-ship ang country comparison widget sa loob ng wala pang 60 segundo

Dalawang linya ng HTML, zero dependencies, libre magpakailanman. Magdagdag ng affiliate code at magsimulang kumita ng 50% sa bawat guide na naibenta ng iyong widget.