Xây dựng widget thời tiết miễn phí của bạn
Thời tiết trực tiếp cho mọi thành phố, tùy chỉnh hoàn toàn. Một dòng HTML — hoạt động trên mọi trang web (WordPress, Shopify, Wix, HTML thuần, bất kỳ đâu). Miễn phí mãi mãi.
1. Chọn thành phố
/fr/paris → city=paris&country=fr2. Kích thước
3. Giao diện
4. Ngôn ngữ + đơn vị
5. Hiện/ẩn các mục
Xem trước trực tiếp
Widget thời tiết miễn phí mà bất kỳ trang web nào cũng có thể nhúng trong 60 giây
Widget weather.now hiển thị điều kiện thời tiết hiện tại và dự báo 7 ngày cho bất kỳ thành phố nào trên thế giới, bằng 38 ngôn ngữ. Chọn một thành phố, sao chép một đoạn HTML ngắn, dán vào trang của bạn. Đó là toàn bộ quá trình cài đặt. Không cần plugin, tài khoản, khóa API hay thanh toán.
Sử dụng trên blog, trang đặt phòng khách sạn, trang cho thuê kỳ nghỉ, danh sách bất động sản, cổng thông tin trường học, hướng dẫn du lịch, bến du thuyền, khu trượt tuyết, cửa hàng Shopify — bất kỳ trang nào cần hiển thị thời tiết hiện tại.
Đoạn mã thực hiện hai việc cùng lúc. Với khách truy cập, nó hiển thị dưới dạng thẻ thời tiết sạch sẽ, có kiểu dáng. Với công cụ tìm kiếm, trình đọc RSS và trình đọc màn hình, nó hiển thị dưới dạng trích dẫn HTML ngữ nghĩa: tên thành phố, liên kết đến trang dự báo và ghi nhận weather.now. Cả hai từ một dòng mã duy nhất.
Tại sao mọi người chọn widget thời tiết miễn phí này
- Miễn phí vĩnh viễn. Không cần đăng ký, khóa API, giới hạn sử dụng hay thẻ tín dụng. Chỉ cần dán và sử dụng.
- Tùy chỉnh mọi thứ. Giao diện sáng, tối hoặc tự động. Màu nhấn, màu nền, màu chữ, bo góc, cỡ chữ, kích thước widget và các phần hiển thị.
- 38 ngôn ngữ. Tiếng Anh, Tây Ban Nha, Pháp, Đức, Bồ Đào Nha, Ý, Hà Lan, Nga, Ả Rập, Trung (Giản thể và Phồn thể cho cả Hồng Kông và Đài Loan), Nhật, Hàn, Việt, Thổ Nhĩ Kỳ, Ba Lan, Séc, Slovak, Hy Lạp, Do Thái, Thái, Indonesia, Mã Lai, Phần Lan, Na Uy, Thụy Điển, Đan Mạch, Romania, Hungary, Bulgaria, Ukraina, Litva, Latvia, Estonia, Slovenia, Serbia và Iceland.
- Chọn định dạng ngày và giờ. 12 giờ với AM/PM hoặc 24 giờ. Tên thứ trong tuần, MM/DD, DD/MM hoặc ngày tháng có tên tháng.
- Chọn đơn vị đo. Độ C hoặc độ F. Tốc độ gió theo hệ mét hoặc hệ Anh. Một lựa chọn cho mỗi widget.
- Phù hợp mọi bố cục. Các cài đặt sẵn: banner, vuông, tiêu chuẩn hoặc toàn màn hình, hoặc kéo thả để thay đổi kích thước bất kỳ từ 180×80 đến 1200×1000 pixel. Widget tự động sắp xếp lại nội dung khi khung thay đổi.
- Cực kỳ nhanh. HTML được render từ máy chủ, không có thư viện JavaScript bên ngoài, không tải font, không có script theo dõi. Script tải chỉ khoảng 1 KB; widget hiển thị nén gzip từ 6 đến 8 KB.
- Hoạt động trên mọi nền tảng. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, trang Notion, HTML thuần, ứng dụng single-page — bất cứ nơi nào cho phép một đoạn mã HTML nhỏ.
- Được xây dựng cho SEO. Đoạn mã đi kèm với một khối trích dẫn thực tế, có thể lập chỉ mục, chứa tên thành phố và liên kết đến trang dự báo của nó. Công cụ tìm kiếm nhìn thấy ngay khi thu thập dữ liệu trang của bạn, trước khi script widget chạy.
Cách nhúng hoạt động
Đoạn mã bạn dán là một khối trích dẫn HTML nhỏ, theo sau là một thẻ script một dòng. Tự thân khối đó đã là nội dung hợp lệ, có thể đọc được: một tiêu đề với tên thành phố, liên kết đến trang dự báo đầy đủ và một dòng ghi công cho weather.now. Trình thu thập dữ liệu nhìn thấy ngay khi truy cập trang của bạn.
Khi trang tải trong trình duyệt chạy JavaScript, script tải của chúng tôi (khoảng 1 KB, tải bất đồng bộ) thay thế khối trích dẫn bằng widget thời tiết trực tiếp có kiểu dáng. Người dùng thấy widget hiển thị. Trình thu thập dữ liệu, trình đọc RSS, trình đọc màn hình, ứng dụng email và bất kỳ ngữ cảnh nào không có JavaScript đều thấy nội dung dự phòng trích dẫn sạch sẽ. Không có gì bị ẩn, không có gì bị mất.
Đây là cách tiếp cận tương tự mà Twitter, Instagram và Reddit sử dụng cho các nhúng của họ: một nội dung dự phòng HTML ngữ nghĩa được nâng cấp thành widget phong phú. Bạn không cần viết JavaScript, cấu hình iframe hay lo lắng về script chặn render. Bạn dán, bạn xuất bản, nó hoạt động.
Các câu hỏi thường gặp
Widget thời tiết có thực sự miễn phí không?
Có — hoàn toàn miễn phí, không cần đăng ký, không cần API key, và không giới hạn lượt dùng. Chúng tôi chỉ yêu cầu bạn giữ lại dòng ghi công nhỏ weather.now hiển thị trong snippet. Dòng ghi công đó giúp người dùng mới tìm thấy chúng tôi, và đó là điều cho phép chúng tôi duy trì widget miễn phí cho tất cả mọi người.
Làm thế nào để cài đặt widget trên WordPress?
Trong trình soạn thảo khối (Gutenberg), thêm khối Custom HTML và dán snippet. Trong trình soạn thảo cổ điển, chuyển sang tab Text hoặc HTML và dán vào đó. Trong Elementor hoặc Divi, sử dụng widget HTML. Không cần plugin hay chỉnh sửa theme.
Làm thế nào để cài đặt trên Shopify?
Mở trình chỉnh sửa theme, thêm một mục HTML tùy chỉnh vào bất kỳ trang nào và dán đoạn mã. Đối với widget toàn trang ở chân trang hoặc thanh bên, hãy chỉnh sửa theme.liquid và dán đoạn mã vào vị trí bạn muốn hiển thị. Nó cũng hoạt động trong các trang sản phẩm và bài viết blog.
Làm thế nào để cài đặt trên Wix hoặc Squarespace?
Cả hai trình soạn thảo đều có khối nhúng HTML. Trên Wix, thêm phần tử Embed HTML và dán snippet. Trên Squarespace, thêm khối Code (đặt chế độ HTML) và dán snippet. Widget hiển thị chính xác trong cả hai môi trường sandbox.
Tôi có thể hiển thị dự báo cho nhiều thành phố trên cùng một trang không?
Có — bạn có thể dán đoạn mã nhiều lần tùy ý, mỗi lần cho một thành phố. Mỗi widget tải độc lập và được lưu vào bộ nhớ đệm riêng biệt ở biên, vì vậy thêm nhiều thành phố không làm chậm trang.
Widget thời tiết có làm chậm trang web của tôi không?
Không ảnh hưởng đáng kể đến Core Web Vitals. Tập lệnh tải chỉ khoảng 1 KB và tải không đồng bộ. Bản thân widget tải theo kiểu lười — nó không hiển thị cho đến khi khách truy cập cuộn đến gần nó. Dữ liệu hiển thị trung bình từ 6 đến 8 KB đã nén gzip, được phân phối từ CDN với độ trễ dưới 100 mili giây trên toàn thế giới.
Tôi có thể thay đổi màu sắc và kích thước sau khi cài đặt widget không?
Có — mọi tùy chọn đều là thuộc tính HTML thuần trên snippet. Thay đổi số hoặc mã màu hex trong mã đã dán, widget sẽ cập nhật khi trang tải lại. Không cần file CSS hay bước build nào. Hoặc quay lại trình tạo ở trên, thiết kế một biến thể mới và sao chép snippet mới.
Dữ liệu thời tiết có tươi mới không?
Dữ liệu hiện tại được làm mới mỗi 5 đến 10 phút trên máy chủ của chúng tôi. Widget lấy từ bộ nhớ đệm trực tiếp, vì vậy khách truy cập của bạn luôn thấy thời tiết cập nhật mà bạn không cần làm gì thêm.
Bạn sử dụng nguồn dữ liệu thời tiết nào?
Chúng tôi tổng hợp dữ liệu từ các nhà cung cấp khí tượng toàn cầu lớn và chọn nguồn có độ phân giải cao nhất cho mỗi thành phố. Phạm vi phủ sóng toàn thế giới: mọi quốc gia có dân cư và hơn 2,8 triệu thành phố, thị trấn, bao gồm cả những địa điểm xa xôi mà hầu hết các API bỏ sót.
Widget có tuân thủ GDPR không?
Có. Widget không đặt cookie, không chạy tập lệnh theo dõi, không nhận dạng người dùng và không sử dụng địa chỉ IP của khách truy cập để phân tích. Các cuộc gọi mạng duy nhất là đến weather.now để lấy HTML widget và biểu tượng thời tiết — cùng loại cuộc gọi mà trang web của bạn thực hiện khi nhúng video YouTube hoặc Google Map. Bạn không cần thêm widget vào biểu ngữ cookie.
Widget có hoạt động nếu khách truy cập tắt JavaScript không?
Có — họ sẽ thấy dự phòng HTML: tên thành phố, đường dẫn hoạt động đến trang dự báo đầy đủ trên weather.now, và ghi chú bản quyền weather.now. Widget có kiểu dáng chỉ xuất hiện khi tập lệnh tải chạy.
Tôi có thể sử dụng widget trên trang AMP không?
AMP loại bỏ các tập lệnh tùy chỉnh, vì vậy widget trực tiếp sẽ không hiển thị trên các trang AMP. Phương án dự phòng HTML (tên thành phố, liên kết đến dự báo, dòng ghi nhận) là mã AMP hợp lệ và hiển thị bình thường, đủ cho hầu hết các trường hợp sử dụng.
Tôi có thể buộc widget hiển thị một ngôn ngữ cụ thể bất kể khách truy cập đến từ đâu không?
Có — đặt tùy chọn Ngôn ngữ trong trình tạo thành bất kỳ ngôn ngữ nào trong số 38 ngôn ngữ được hỗ trợ và widget sẽ luôn hiển thị bằng ngôn ngữ đó. Để ở chế độ Tự động, widget sẽ theo ngôn ngữ trình duyệt của từng khách truy cập.
Sẵn sàng thêm thời tiết vào trang web của bạn?
Cuộn lên, tìm thành phố của bạn, chọn kích thước và màu sắc, rồi sao chép mã. Toàn bộ quá trình mất chưa đầy một phút và khách truy cập của bạn sẽ có dự báo thời tiết trực tiếp mãi mãi — hoàn toàn miễn phí.