Bina widget cuaca percuma anda
Cuaca langsung untuk mana-mana bandar, boleh disesuaikan sepenuhnya. Satu baris HTML — berfungsi di mana-mana laman web (WordPress, Shopify, Wix, HTML biasa, di mana-mana sahaja). Percuma selama-lamanya.
1. Pilih bandar
/fr/paris → city=paris&country=fr2. Saiz
3. Rupa
4. Bahasa + unit
5. Tunjukkan / sembunyikan bahagian
Pratonton langsung
Widget cuaca percuma yang boleh dibenamkan di mana-mana laman web dalam masa 60 saat
Widget weather.now memaparkan keadaan semasa secara langsung dan ramalan 7 hari untuk mana-mana bandar di dunia, dalam 38 bahasa. Pilih bandar, salin satu coretan HTML pendek, tampalkannya ke halaman anda. Itu sahaja pemasangannya. Tiada pemalam, tiada akaun, tiada kunci API, tiada bayaran.
Gunakannya di blog, halaman pendaratan hotel, sewaan percutian, penyenaraian hartanah, portal sekolah, panduan perjalanan, marina, pusat peranginan ski, kedai Shopify — di mana-mana halaman yang mendapat manfaat daripada menunjukkan cuaca semasa.
Coretan ini melakukan dua perkara serentak. Untuk pelawat anda, ia dipaparkan sebagai kad cuaca yang bersih dan bergaya. Untuk enjin carian, pembaca RSS, dan pembaca skrin, ia dipaparkan sebagai petikan HTML semantik: nama bandar, pautan ke halaman ramalannya, dan kredit kepada weather.now. Kedua-duanya dari satu baris kod.
Mengapa orang memilih widget cuaca percuma ini
- Percuma selamanya. Tiada pendaftaran, tiada kunci API, tiada had penggunaan, tiada kad kredit. Hanya tampal dan guna.
- Sesuaikan segala-galanya. Tema terang, gelap, atau automatik. Warna aksen, warna latar, warna teks, sudut bulat, saiz fon, saiz widget, dan bahagian mana yang ingin dipaparkan.
- 38 bahasa. Inggeris, Sepanyol, Perancis, Jerman, Portugis, Itali, Belanda, Rusia, Arab, Cina (Ringkas dan Tradisional untuk Hong Kong dan Taiwan), Jepun, Korea, Vietnam, Turki, Poland, Czech, Slovak, Yunani, Ibrani, Thai, Indonesia, Melayu, Finland, Norway, Sweden, Denmark, Romania, Hungary, Bulgaria, Ukraine, Lithuania, Latvia, Estonia, Slovenia, Serbia, dan Iceland.
- Pilih format tarikh dan masa anda. 12 jam dengan AM/PM atau 24 jam. Nama hari, MM/DD, DD/MM, atau tarikh dengan nama bulan.
- Pilih unit anda. Celsius atau Fahrenheit. Kelajuan angin metrik atau imperial. Satu pilihan setiap widget.
- Muat sebarang susun atur. Pratetap sepanduk, segi empat sama, standard, atau penuh, atau seret-ubah saiz pratonton ke mana-mana saiz antara 180×80 hingga 1200×1000 piksel. Widget menyusun semula kandungannya secara automatik apabila bekas berubah.
- Sepantas kilat. HTML yang dihasilkan pelayan, tanpa pustaka JavaScript luaran, tanpa muat turun fon, tanpa skrip penjejakan. Skrip pemuat sekitar 1 KB; widget yang dipaparkan adalah 6 hingga 8 KB setelah dimampatkan.
- Berfungsi pada semua platform. WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, laman Notion, HTML biasa, aplikasi satu halaman — di mana-mana yang membenarkan coretan HTML kecil.
- Dibina untuk SEO. Coretan ini disertakan dengan blok petikan sebenar yang boleh diindeks, mengandungi nama bandar dan pautan ke halaman ramalannya. Enjin carian melihatnya sebaik sahaja mereka merangkak laman anda, sebelum skrip widget berjalan.
Cara embed berfungsi
Coretan yang anda tampalkan adalah blok petikan HTML kecil diikuti dengan tag skrip satu baris. Dengan sendirinya, blok itu sudah menjadi kandungan yang sah dan boleh dibaca: tajuk dengan nama bandar, pautan ke halaman ramalan penuh, dan baris kredit kepada weather.now. Perangkak melihatnya sebaik sahaja mereka sampai ke laman anda.
Apabila laman dimuatkan dalam pelayar yang menjalankan JavaScript, skrip pemuat kami (sekitar 1 KB, dimuatkan secara tak segerak) menggantikan blok petikan dengan widget cuaca langsung yang bergaya. Pelawat manusia anda melihat widget yang dipaparkan. Perangkak, pembaca RSS, pembaca skrin, klien e-mel, dan mana-mana konteks tanpa JavaScript melihat petikan gantian yang bersih. Tiada yang disembunyikan, tiada yang hilang.
Ini adalah pendekatan yang sama digunakan oleh Twitter, Instagram, dan Reddit untuk embed mereka: gantian HTML semantik yang ditingkatkan menjadi widget kaya. Anda tidak perlu menulis JavaScript, mengkonfigurasi iframe, atau bimbang tentang skrip yang menyekat pemaparan. Anda tampal, anda terbitkan, ia berfungsi.
Soalan lazim
Adakah widget cuaca ini benar-benar percuma?
Ya — percuma sepenuhnya, tanpa pendaftaran, tanpa kunci API, dan tanpa had penggunaan. Kami hanya meminta anda mengekalkan kredit weather.now yang kecil kelihatan dalam coretan. Kredit itu adalah cara pengguna baharu menemui kami, dan ia membolehkan kami mengekalkan widget ini percuma untuk semua orang.
Bagaimana cara memasang widget di WordPress?
Dalam editor blok (Gutenberg), tambah blok HTML Tersuai dan tampalkan coretan. Dalam editor klasik, tukar ke tab Teks atau HTML dan tampalkannya di sana. Dalam Elementor atau Divi, gunakan widget HTML. Tiada pemalam atau pengubahsuaian tema diperlukan.
Bagaimanakah cara memasang di Shopify?
Buka editor tema, tambah bahagian HTML Tersuai pada mana-mana halaman, dan tampalkan coretan. Untuk widget di seluruh laman di pengaki atau bar sisi, sunting theme.liquid dan tampalkan coretan di tempat yang anda mahu ia muncul. Ia juga berfungsi di dalam halaman produk dan artikel blog.
Bagaimana cara memasang di Wix atau Squarespace?
Kedua-dua editor mempunyai blok benam HTML. Di Wix, tambah elemen Benam HTML dan tampalkan coretan. Di Squarespace, tambah blok Kod (tetapkan ke HTML) dan tampalkan coretan. Widget akan dipaparkan dengan betul di dalam kedua-dua kotak pasir.
Bolehkah saya menunjukkan ramalan untuk beberapa bandar pada halaman yang sama?
Ya — tampalkan coretan sebanyak yang anda mahu, satu untuk setiap bandar. Setiap widget dimuatkan secara bebas dan dicache secara berasingan di pinggir, jadi menambah lebih banyak bandar tidak akan memperlahankan halaman.
Adakah widget cuaca memperlahankan laman web saya?
Tiada kesan yang boleh diukur pada Core Web Vitals. Skrip pemuat adalah sekitar 1 KB dan dimuatkan secara tak segerak. Widget itu sendiri dimuatkan secara malas — ia tidak akan dipaparkan sehingga pelawat menatal ke arahnya. Muatan yang dipaparkan purata 6 hingga 8 KB yang dimampatkan gzip, dihidangkan dari CDN dengan kependaman bawah 100 milisaat di seluruh dunia.
Bolehkah saya menukar warna dan saiz selepas memasang widget?
Ya — setiap pilihan adalah atribut HTML biasa pada coretan. Tukar nombor atau warna heks dalam kod yang ditampal dan widget akan dikemas kini pada kali seterusnya halaman dimuatkan. Tiada fail CSS atau langkah binaan diperlukan. Atau kembali ke penjana di atas, reka varian baharu, dan salin coretan baharu.
Sejauh mana segar data cuaca?
Keadaan semasa dikemas kini setiap 5 hingga 10 minit di pelayan kami. Widget menarik dari cache langsung, jadi pelawat anda sentiasa melihat cuaca terkini tanpa sebarang kerja di pihak anda.
Apakah sumber data cuaca yang anda gunakan?
Kami mengagregat data daripada penyedia meteorologi global utama dan memilih sumber resolusi tertinggi yang tersedia untuk setiap bandar. Liputan adalah di seluruh dunia: setiap negara berpenduduk dan lebih daripada 2.8 juta bandar dan pekan, termasuk lokasi terpencil yang kebanyakan API terlepas.
Adakah widget mesra GDPR?
Ya. Widget tidak menetapkan kuki, tidak menjalankan skrip penjejakan, tidak mengecam cap jari pengguna, dan tidak menggunakan alamat IP pelawat untuk analitik. Satu-satunya panggilan rangkaian yang dibuat adalah ke weather.now untuk mendapatkan HTML widget dan ikon cuaca — sama seperti panggilan yang dibuat oleh laman web anda apabila menyematkan video YouTube atau Peta Google. Anda tidak perlu menambahkannya pada sepanduk kuki.
Adakah widget berfungsi jika pelawat mematikan JavaScript?
Ya — mereka akan melihat HTML gantian: nama bandar, pautan berfungsi ke halaman ramalan penuh di weather.now, dan kredit weather.now. Widget bergaya hanya akan muncul setelah skrip pemuat dijalankan.
Bolehkah saya menggunakan widget pada halaman AMP?
AMP menyingkirkan skrip tersuai, jadi widget langsung tidak akan dipaparkan pada halaman AMP. Penggantian HTML (nama bandar, pautan ke ramalan, baris kredit) adalah markup AMP yang sah dan dipaparkan secara normal, yang mencukupi untuk kebanyakan kegunaan.
Bolehkah saya memaksa bahasa tertentu tanpa mengira asal pelawat?
Ya — tetapkan pilihan Bahasa dalam penjana kepada mana-mana daripada 38 locale yang disokong dan widget akan sentiasa dipaparkan dalam bahasa tersebut. Biarkan pada Auto dan widget akan mengikut bahasa pelayar setiap pelawat.
Sedia untuk menambah cuaca ke laman web anda?
Tatal semula ke atas, cari bandar anda, pilih saiz dan warna, dan salin kod. Keseluruhan proses mengambil masa kurang dari seminit dan pelawat anda akan mendapat ramalan cuaca langsung selama-lamanya — tanpa sebarang kos kepada anda.