Widget vị trí miễn phí cho website

Widget này là gì — và bản demo 30 giây

Widget What Is My Location là một trang nhỏ, độc lập mà bạn đặt vào chính trang của mình bên trong một iframe. Khi khách truy cập chạm Hiện vị trí của tôi, trình duyệt của họ hỏi quyền, vị trí được tính ngay trên thiết bị của họ, rồi widget hiển thị tọa độ ở nhiều định dạng, một địa chỉ mã hóa địa lý ngược và một ghim OpenStreetMap. Chúng tôi không lưu bất cứ gì về khách truy cập — không cookie, không tín hiệu phân tích, không lấy dấu vân tay. Bạn có thể xem đúng những gì khách truy cập của mình sẽ thấy tại trang widget trực tiếp, và tùy chỉnh nội dung của bạn trong trình tạo mã nhúng.

Nhúng bằng một dòng

Dán đoạn này vào nơi bạn muốn widget xuất hiện:

<iframe src="https://whatismylocation.ai/widget"
        width="100%" height="420" style="border:0;border-radius:12px"
        allow="geolocation" title="What is my location"></iframe>

Thuộc tính allow="geolocation" là bắt buộc — thiếu nó, trình duyệt sẽ chặn yêu cầu vị trí bên trong iframe. Chiều cao 380–460 px hợp với hầu hết bố cục; widget vẫn co giãn tốt xuống tới bề rộng 280 px.

Những tùy chọn bạn có thể chỉnh

Trình tạo mã nhúng dựng sẵn URL cho bạn, nhưng các tham số cũng đủ đơn giản để tự gõ tay: ?theme=dark hoặc light để hợp với trang của bạn (bỏ trống để đi theo thiết lập hệ thống của khách truy cập), &units=imperial cho feet/dặm, và &lang=es (hoặc bất kỳ ngôn ngữ nào trong 35 ngôn ngữ của chúng tôi) cho nhãn đã bản địa hóa. Ví dụ: /widget?theme=dark&lang=hi hiển thị widget nền tối bằng tiếng Hindi. Các tham số kết hợp tự do và không cần gì thêm — không khóa, không tài khoản, không hạn mức.

WordPress, Shopify, Wix, React

• WordPress: dùng plugin WP nhỏ gọn của chúng tôi (thêm shortcode [whatismylocation]), hoặc dán iframe vào một khối Custom HTML.
• Shopify / Wix / Squarespace: trình dựng trang nào cũng có phần tử "embed / custom HTML" — hãy dán đúng dòng iframe đó.
• React / Vue / Svelte: render thẳng iframe; nó không giữ trạng thái nên bạn không phải xử lý vòng đời component.
• AMP hoặc email: iframe kèm định vị không chạy ở đó — hãy trỏ liên kết tới trang đầy đủ thay vì nhúng.

Ai dùng widget vị trí — những trường hợp thực tế

• Trang giao hàng & hậu cần: để khách lấy đúng tọa độ cho những địa chỉ khó tìm trước khi thanh toán.
• Blog du lịch & dã ngoại: người đọc kiểm tra họ đang ở đâu so với điểm khởi đầu đường mòn và bản đồ lộ trình của bạn.
• Trang sự kiện và địa điểm tổ chức: trả lời "tôi còn cách bao xa?" mà không bắt ai cài ứng dụng.
• Đội khảo sát và làm việc hiện trường: một trang có thể đánh dấu để đọc ra tọa độ GPS trên mọi điện thoại.
• Bộ phận hỗ trợ CNTT: nhanh chóng xác nhận vị trí gần đúng và múi giờ của người dùng từ xa trong lúc gọi hỗ trợ.

Vì sao nhúng nó vẫn an toàn — thiết kế riêng tư

Việc định vị diễn ra hoàn toàn trong trình duyệt của khách truy cập và chỉ khởi động khi chính họ chạm nút, nên nhúng widget không tạo ra mớ rắc rối xử lý dữ liệu GDPR cho bạn: riêng widget thì không cần banner đồng ý, vì nó không đặt cookie nào và không chạy trình theo dõi bên thứ ba nào. Phần tra cứu mã hóa địa lý ngược đi qua proxy trên máy chủ của chúng tôi mà không lưu tọa độ, hướng dẫn quyền riêng tư của chúng tôi ghi lại toàn bộ luồng dữ liệu, và widget là trang duy nhất trên cả trang web này được phép hiển thị bên trong một khung — người dùng của bạn không thể bị clickjacking sang công cụ khác. Nếu về sau bạn cần truy cập bằng mã thay vì một giao diện dựng sẵn, những đảm bảo đó cũng áp dụng cho API miễn phí cho nhà phát triển.

Widget hay API — bạn cần cái nào?

Hãy bắt đầu bằng widget; chuyển lên API khi bạn cần những con số thô ngay trong mã của mình.