Widget so sánh quốc gia của Orizn đặt hai điểm đến cạnh nhau — chi phí, visa, an toàn, khí hậu, di chuyển — trong một thẻ duy nhất. Nhúng vào các trang SEO "X vs Y" và biến nhóm truy vấn so sánh sinh lời nhất ngành du lịch thành doanh số cẩm nang chất lượng.
Widget này làm gì
"X vs Y" là nhóm truy vấn có ý định cao nhất trong du lịch — người tìm kiếm chỉ còn cách quyết định đặt chỗ 72 giờ. Phần lớn bài viết trả lời kém: một bức tường chữ, hai bảng tĩnh, không nguồn gốc, không cá nhân hóa. Widget so sánh quốc gia của Orizn gói trọn câu trả lời vào một thẻ với ba hàng và bên thắng rõ ràng.
Mỗi hàng so sánh lấy từ một nguồn dữ liệu Orizn khác nhau: visa từ đồ thị visa (39 601 ô, 200+ nguồn đại sứ quán), chi phí từ Numbeo + BackpackerIndex + bộ tổng hợp giá người dùng gửi của Orizn, an toàn từ tổng hợp Numbeo Safety Index và Global Peace Index. Đặt data-passport và hàng visa cá nhân hóa theo quốc tịch của khách.
Widget tự khởi tạo, nặng 16 KB gzip (nhỉnh hơn một chút vì canvas khí hậu) và hoạt động trên mọi CMS lớn. Dán đoạn mã hai dòng vào mọi bài "X vs Y" trong kho bài của bạn — widget thay các bảng lỗi thời bằng dữ liệu luôn mới, kèm chia 50/50 doanh thu cho bất kỳ cẩm nang nào hai bên bán được.
Trình tạo widget
Widget bên dưới chạy đúng script production mà bạn sẽ dán lên website của mình. Mọi tùy chọn cập nhật bản xem trước và đoạn mã ngay lập tức — ngôn ngữ, giao diện, màu sắc, white-label — rồi sao chép đoạn mã hai dòng.
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.
Tính năng
Tính năng cụ thể, có nguồn — không phải checkbox chung chung. Mọi mục bên dưới đều có trong widget production hôm nay.
Chi phí (4 hạng mục), Visa (quy định + thời gian lưu trú tối đa), An toàn (Numbeo + GPI). Mỗi hàng có chip bên thắng rõ ràng khi một quốc gia vượt trội.
Đặt data-passport và hàng visa hiển thị quy định cho hộ chiếu của khách, thay vì một bảng chung chung. Giá trị thật cho nội dung SEO nhắm đến quốc tịch cụ thể.
Phủ toàn bộ ISO 3166-1. Hai bộ chọn quốc gia đặt độc lập — điền sẵn một bên, để khách chọn bên kia, hoặc điền sẵn cả hai.
Chạm vào hàng khí hậu để mở biểu đồ nhiệt độ/lượng mưa 12 tháng của cả hai quốc gia, cạnh nhau. Rất hợp cho nội dung "khi nào nên đi".
Gồm giá vé bay trung bình giữa các hub lớn, taxi/xe buýt mỗi km trong nước, và chi phí thuê ô tô một tuần. Nguồn từ Skyscanner và Numbeo.
Một chạm tạo PNG 1200×630 với hai lá cờ, bên thắng của 3 hàng và watermark Orizn. Định dạng sẵn cho X và Pinterest.
Cả hai quốc gia đều có CTA "Xem cẩm nang đầy đủ". Với data-affiliate được đặt, mỗi lượt bán chuyển 50% cho bạn — dù khách chọn quốc gia bên trái hay bên phải.
Nặng hơn một chút so với các widget một quốc gia vì canvas biểu đồ khí hậu, nhưng vẫn dưới xa ngưỡng "ngân sách bên thứ ba" 50 KB của Core Web Vitals.
Nơi widget tỏa sáng
Widget dùng được cho mọi mục đích, nhưng bốn nhóm dưới đây triển khai nhiều nhất. Nhận ra mình trong số này, bạn sẽ thấy giá trị chỉ vài phút sau khi dán mã.
Nhúng widget vào "Việt Nam vs Thái Lan", "Bali vs Lombok", "Bồ Đào Nha vs Tây Ban Nha cho nomad". Widget trả lời trọn truy vấn ngay trong trang, giảm mạnh tỷ lệ thoát.
Đặt widget trên các landing page so sánh quốc gia đích cho khách hàng. Hàng visa cá nhân hóa khiến bài toán chi phí/chất lượng sống trở nên cụ thể.
Ghim tại /resources/where-to-go-next. Người đăng ký so sánh Lisbon vs Mexico City vs Bali nhận câu trả lời trực tiếp, có nguồn, chia sẻ được.
Nhúng cạnh các gói đa điểm đến. Phép so sánh neo các đánh đổi; gói của bạn trả lời câu hỏi tiếp theo.
Dữ liệu được lấy thế nào
Hàng visa từ đồ thị visa của Orizn (200+ nguồn đại sứ quán, cổng chất lượng hai nguồn). Hàng chi phí từ Numbeo, BackpackerIndex và bộ tổng hợp giá người dùng gửi nội bộ. Hàng an toàn tổng hợp Numbeo Safety Index và Global Peace Index. Hàng khí hậu từ chuẩn lịch sử 30 năm của Open-Meteo. Di chuyển từ trung vị tổng hợp Skyscanner.
Tài liệu tham chiếu
Mọi tùy chọn là một thuộc tính data-* trên div chứa. Không cần cấu hình JavaScript — dán, đặt các thuộc tính bạn muốn, xuất bản.
| Tham số | Kiểu | Mặc định | Mô tả |
|---|---|---|---|
data-country1 | ISO3 | "" | Quốc gia thứ nhất trong phép so sánh (ví dụ VNM). Khách có thể thay đổi. |
data-country2 | ISO3 | "" | Quốc gia thứ hai trong phép so sánh (ví dụ THA). Khách có thể thay đổi. |
data-passport | ISO3 | "" | Hộ chiếu của khách (ví dụ FRA). Khi được đặt, hàng visa hiển thị quy định nhập cảnh theo góc nhìn hộ chiếu của họ. |
data-lang | string | "auto" | Ghi đè ngôn ngữ trình duyệt được tự động phát hiện. Hỗ trợ 16 ngôn ngữ: en, fr, es, de, it, pt, ja, ko, zh, ru, ar, hi, th, vi, tl, tr (tiếng Ả Rập hiển thị RTL). |
data-theme | string | "auto" | Ép giao diện: "auto" (theo hệ điều hành), "light" hoặc "dark". |
data-affiliate | string | "" | Mã ORIZN-XXXXX hoặc aff_… của bạn (cả hai định dạng đều hợp lệ) để nhận chia 50/50 doanh thu bán cẩm nang. |
data-color | hex | #2563EB | Màu nhấn dùng cho chip "bên thắng", viền focus và CTA. Chỉ chấp nhận giá trị hex (được lọc an toàn). |
data-branding | string | "on" | Đặt "off" để white-label: ẩn footer "Powered by Orizn", schema JSON-LD và phần nhắc orizn.app trong nội dung chia sẻ. |
data-radius | int | 16 | Bán kính bo góc (px) cho thẻ widget và các ô nhập. |
data-font | string | "system-ui" | Font-family dùng trong toàn widget. Chấp nhận mọi CSS font stack. |
Tích hợp
Cùng một đoạn mã hai dòng, cách dán khác nhau đôi chút tùy stack của bạn. Hướng dẫn từng bước chi tiết theo CMS:
Kiếm tiền
Thêm data-affiliate="ORIZN-XXXXX" vào div chứa — chấp nhận cả hai định dạng mã ORIZN-… và aff_…. Mỗi lượt mua cẩm nang của độc giả qua widget được ghi nhận cho bạn trong 30 ngày, thanh toán hàng tháng qua Stripe. Không mức tối thiểu, không thu hồi, minh bạch hoàn toàn trên dashboard affiliate.
Câu hỏi thường gặp
Câu hỏi thật từ developer, blogger và affiliate marketer đang tích hợp widget. Nếu câu hỏi của bạn không có ở đây, tài liệu tại /embed/getting-started bao quát phần còn lại.
Widget liên quan
Cả năm widget dùng chung một runtime, nên thêm widget thứ hai vào trang không tốn thêm gì. Bộ công cụ được thiết kế để kết hợp với nhau.
Yêu cầu visa trực tiếp cho 199 hộ chiếu × 238 điểm đến.
Chi phí ngày, tháng, năm trực tiếp cho 195 quốc gia, 50+ tiền tệ.
Thứ hạng di chuyển + phân tích 4 trục cho 199 hộ chiếu, làm mới hàng đêm.
Checklist giấy tờ, vắc-xin, hành lý và tiền bạc cá nhân hóa cho từng chuyến đi.
Sẵn sàng nhúng?
Hai dòng HTML, không phụ thuộc, miễn phí trọn đời. Thêm mã affiliate và bắt đầu nhận 50% trên mỗi cẩm nang widget của bạn bán được.