สร้างวิดเจ็ตสภาพอากาศฟรีของคุณ
สภาพอากาศสดสำหรับทุกเมือง ปรับแต่งได้อย่างเต็มที่ HTML เพียงบรรทัดเดียว — ทำงานบนทุกเว็บไซต์ (WordPress, Shopify, Wix, HTML ธรรมดา, ทุกที่) ฟรีตลอดไป
1. เลือกเมือง
/fr/paris → city=paris&country=fr2. ขนาด
3. ลักษณะ
4. ภาษา + หน่วย
5. แสดง/ซ่อนส่วนต่างๆ
ตัวอย่างสด
วิดเจ็ตสภาพอากาศฟรีที่เว็บไซต์ใดก็ได้สามารถฝังได้ใน 60 วินาที
วิดเจ็ต weather.now แสดงสภาพอากาศปัจจุบันแบบเรียลไทม์และการพยากรณ์ 7 วันสำหรับทุกเมืองในโลก ใน 38 ภาษา เลือกเมือง คัดลอกโค้ด HTML สั้นๆ ชิ้นหนึ่ง วางลงในหน้าเว็บของคุณ นั่นคือขั้นตอนการติดตั้งทั้งหมด ไม่ต้องใช้ปลั๊กอิน ไม่ต้องมีบัญชี ไม่ต้องมีคีย์ API ไม่ต้องชำระเงิน
ใช้กับบล็อก หน้าแรกของโรงแรม ที่พักตากอากาศ รายการอสังหาริมทรัพย์ พอร์ทัลโรงเรียน คู่มือการเดินทาง ท่าจอดเรือ สกีรีสอร์ท หน้าร้าน Shopify — ทุกที่ที่หน้าเว็บได้รับประโยชน์จากการแสดงสภาพอากาศในขณะนั้น
โค้ดชิ้นนี้ทำงานสองอย่างพร้อมกัน สำหรับผู้เข้าชมจะแสดงเป็นการ์ดสภาพอากาศที่สะอาดและมีสไตล์ สำหรับเครื่องมือค้นหา โปรแกรมอ่าน RSS และโปรแกรมอ่านหน้าจอ จะแสดงเป็นข้อมูลอ้างอิง HTML เชิงความหมาย: ชื่อเมือง ลิงก์ไปยังหน้าการพยากรณ์ และเครดิต weather.now ทั้งหมดจากโค้ดบรรทัดเดียว
ทำไมผู้คนถึงเลือกวิดเจ็ตสภาพอากาศฟรีนี้
- ฟรีตลอดไป ไม่ต้องสมัคร ไม่ต้องใช้คีย์ API ไม่มีข้อจำกัดการใช้งาน ไม่ต้องใช้บัตรเครดิต แค่วางแล้วใช้งาน
- ปรับแต่งทุกอย่างได้ ธีมสว่าง มืด หรืออัตโนมัติ. สีเน้น สีพื้นหลัง สีข้อความ ความโค้งมุม ขนาดตัวอักษร ขนาดวิดเจ็ต และส่วนที่ต้องการแสดง
- 38 ภาษา อังกฤษ, สเปน, ฝรั่งเศส, เยอรมัน, โปรตุเกส, อิตาลี, ดัตช์, รัสเซีย, อาหรับ, จีน (ตัวย่อและตัวเต็มสำหรับทั้งฮ่องกงและไต้หวัน), ญี่ปุ่น, เกาหลี, เวียดนาม, ตุรกี, โปแลนด์, เช็ก, สโลวัก, กรีก, ฮีบรู, ไทย, อินโดนีเซีย, มาเลย์, ฟินแลนด์, นอร์เวย์, สวีเดน, เดนมาร์ก, โรมาเนีย, ฮังการี, บัลแกเรีย, ยูเครน, ลิทัวเนีย, ลัตเวีย, เอสโตเนีย, สโลวีเนีย, เซอร์เบีย, และไอซ์แลนด์
- เลือกวันที่และรูปแบบเวลา 12 ชั่วโมงพร้อม AM/PM หรือ 24 ชั่วโมง ชื่อวันในสัปดาห์, MM/DD, DD/MM หรือวันที่แบบชื่อเดือน
- เลือกหน่วย เซลเซียสหรือฟาเรนไฮต์ หน่วยความเร็วลมเมตริกหรืออิมพีเรียล เลือกหนึ่งตัวเลือกต่อวิดเจ็ต
- เหมาะกับทุกเลย์เอาต์ แบนเนอร์, สี่เหลี่ยม, มาตรฐาน, หรือเต็มรูปแบบ, หรือลากปรับขนาดตัวอย่างเป็นขนาดใดก็ได้ระหว่าง 180×80 ถึง 1200×1000 พิกเซล วิดเจ็ตจะปรับเนื้อหาโดยอัตโนมัติเมื่อคอนเทนเนอร์เปลี่ยนแปลง
- เร็วราวสายฟ้า. HTML ที่เรนเดอร์จากเซิร์ฟเวอร์ ไม่มีไลบรารี JavaScript ภายนอก ไม่ต้องดาวน์โหลดฟอนต์ ไม่มีสคริปต์ติดตาม สคริปต์โหลดมีขนาดประมาณ 1 KB; วิดเจ็ตที่เรนเดอร์มีขนาด 6 ถึง 8 KB เมื่อบีบอัด gzip
- ทำงานได้ทุกแพลตฟอร์ม WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, Notion, HTML ธรรมดา, แอปหน้าเดียว — ทุกที่ที่อนุญาตให้ฝังโค้ด HTML เล็กๆ
- สร้างมาเพื่อ SEO สไนปเป็ตมาพร้อมกับบล็อกการอ้างอิงที่สามารถจัดทำดัชนีได้ ซึ่งมีชื่อเมืองและลิงก์ไปยังหน้าพยากรณ์ของเมืองนั้น เสิร์ชเอ็นจิ้นจะเห็นมันทันทีที่รวบรวมข้อมูลหน้าเว็บของคุณ ก่อนที่สคริปต์วิดเจ็ตจะทำงานเสียอีก
การฝังโค้ดทำงานอย่างไร
สไนปเป็ตที่คุณวางคือบล็อก HTML ขนาดเล็กสำหรับการอ้างอิง ตามด้วยแท็กสคริปต์หนึ่งบรรทัด โดยตัวบล็อกนั้นก็เป็นเนื้อหาที่ถูกต้องและอ่านได้อยู่แล้ว: หัวข้อที่มีชื่อเมือง ลิงก์ไปยังหน้ารายละเอียดพยากรณ์ และบรรทัดให้เครดิตแก่ weather.now ครอว์เลอร์จะเห็นมันทันทีที่ถึงหน้าเว็บของคุณ
เมื่อหน้าเว็บโหลดในเบราว์เซอร์ที่เรียกใช้ JavaScript สคริปต์โหลดเดอร์ของเรา (ขนาดประมาณ 1 KB โหลดแบบอะซิงก์) จะแทนที่บล็อกการอ้างอิงด้วยวิดเจ็ตสภาพอากาศสดที่มีสไตล์ ผู้เยี่ยมชมที่เป็นมนุษย์จะเห็นวิดเจ็ตที่เรนเดอร์แล้ว ครอว์เลอร์ ผู้อ่าน RSS โปรแกรมอ่านหน้าจอ ไคลเอนต์อีเมล และบริบทใดๆ ที่ไม่มี JavaScript จะเห็นการแสดงข้อมูลสำรองแบบอ้างอิงที่เรียบร้อย ไม่มีอะไรถูกซ่อน ไม่มีอะไรหายไป
นี่เป็นแนวทางเดียวกับที่ Twitter, Instagram และ Reddit ใช้สำหรับการฝังเนื้อหาของตน: การแสดง HTML แบบเชิงความหมาย (semantic HTML) ที่ได้รับการปรับปรุงให้เป็นวิดเจ็ตสมบูรณ์ คุณไม่จำเป็นต้องเขียน JavaScript กำหนดค่า iframe หรือกังวลเกี่ยวกับสคริปต์ที่บล็อกการแสดงผล คุณเพียงวางและเผยแพร่ มันก็ทำงานได้
คำถามที่พบบ่อย
วิดเจ็ตสภาพอากาศฟรีจริงหรือ?
ใช่ — ฟรีทั้งหมด ไม่ต้องสมัครสมาชิก ไม่ต้องใช้คีย์ API และไม่มีขีดจำกัดการใช้งาน เราขอแค่ให้คุณคงเครดิต weather.now เล็กๆ ไว้ให้เห็นในโค้ด snippet นั่นคือวิธีที่ผู้ใช้ใหม่จะค้นพบเรา และเป็นสิ่งที่ทำให้เราสามารถให้วิดเจ็ตนี้ฟรีสำหรับทุกคน
ฉันจะติดตั้งวิดเจ็ตบน WordPress ได้อย่างไร?
ในตัวแก้ไขแบบบล็อก (Gutenberg) ให้เพิ่มบล็อก HTML แบบกำหนดเองแล้ววางโค้ด snippet ลงไป ในตัวแก้ไขแบบคลาสสิกให้เปลี่ยนไปที่แท็บข้อความหรือ HTML แล้ววางโค้ดที่นั่น ใน Elementor หรือ Divi ให้ใช้วิดเจ็ต HTML ไม่จำเป็นต้องติดตั้งปลั๊กอินหรือแก้ไขธีม
ฉันจะติดตั้งบน Shopify ได้อย่างไร?
เปิดโปรแกรมแก้ไขธีม เพิ่มส่วน HTML ที่กำหนดเองในหน้าใดก็ได้ แล้ววางสไนปเป็ต สำหรับวิดเจ็ตทั่วทั้งไซต์ในส่วนท้ายหรือแถบด้านข้าง ให้แก้ไข theme.liquid และวางสไนปเป็ตในตำแหน่งที่ต้องการให้ปรากฏ มันยังทำงานได้ภายในหน้าสินค้าและบทความบล็อกด้วย
จะติดตั้งบน Wix หรือ Squarespace ได้อย่างไร?
ตัวแก้ไขทั้งสองมีบล็อกฝัง HTML ใน Wix ให้เพิ่มองค์ประกอบฝัง HTML แล้ววางโค้ด snippet ใน Squarespace ให้เพิ่มบล็อกโค้ด (ตั้งค่าเป็น HTML) แล้ววางโค้ด snippet วิดเจ็ตจะแสดงผลอย่างถูกต้องในทั้งสอง sandbox
ฉันสามารถแสดงพยากรณ์สำหรับหลายเมืองในหน้าเดียวกันได้หรือไม่?
ได้ — วางสไนปเป็ตได้หลายครั้งตามที่ต้องการ หนึ่งครั้งต่อเมือง วิดเจ็ตแต่ละตัวโหลดอย่างอิสระและถูกแคชแยกกันที่ขอบเครือข่าย ดังนั้นการเพิ่มเมืองมากขึ้นจะไม่ทำให้หน้าเว็บช้าลง
วิดเจ็ตสภาพอากาศจะทำให้เว็บไซต์ของฉันช้าลงไหม?
ไม่มีผลกระทบที่วัดได้ต่อ Core Web Vitals สคริปต์โหลดเดอร์มีขนาดประมาณ 1 KB และโหลดแบบอะซิงก์ ตัววิดเจ็ตโหลดแบบ Lazy — จะไม่เรนเดอร์จนกว่าผู้เยี่ยมชมจะเลื่อนเข้าใกล้ ข้อมูลที่เรนเดอร์มีขนาดเฉลี่ย 6 ถึง 8 KB ที่ถูกบีบอัด (gzipped) ให้บริการจาก CDN ที่มีความหน่วงต่ำกว่า 100 มิลลิวินาทีทั่วโลก
ฉันสามารถเปลี่ยนสีและขนาดหลังจากติดตั้งวิดเจ็ตได้หรือไม่?
ได้ — ทุกตัวเลือกเป็นแอตทริบิวต์ HTML ธรรมดาในโค้ด snippet เปลี่ยนตัวเลขหรือสี hex ในโค้ดที่วาง แล้ววิดเจ็ตจะอัปเดตเมื่อโหลดหน้าครั้งถัดไป ไม่ต้องใช้ไฟล์ CSS หรือขั้นตอนการ build หรือกลับไปที่ตัวสร้างด้านบน ออกแบบรูปแบบใหม่ แล้วคัดลอกโค้ด snippet ใหม่
ข้อมูลสภาพอากาศสดใหม่แค่ไหน?
ข้อมูลสภาพอากาศปัจจุบันจะอัปเดตทุก 5 ถึง 10 นาทีบนเซิร์ฟเวอร์ของเรา วิดเจ็ตดึงข้อมูลจากแคชสด ดังนั้นผู้เยี่ยมชมของคุณจะเห็นสภาพอากาศที่ทันสมัยเสมอโดยไม่ต้องดำเนินการใดๆ จากคุณ
คุณใช้แหล่งข้อมูลสภาพอากาศจากที่ไหนบ้าง?
เรารวบรวมข้อมูลจากผู้ให้บริการอุตุนิยมวิทยาระดับโลกที่มีชื่อเสียงและเลือกแหล่งข้อมูลที่มีความละเอียดสูงสุดสำหรับแต่ละเมือง ครอบคลุมทั่วโลก: ทุกประเทศที่มีประชากรและมากกว่า 2.8 ล้านเมือง รวมถึงสถานที่ห่างไกลที่ API ส่วนใหญ่พลาด
วิดเจ็ตรองรับ GDPR หรือไม่?
ใช่. วิดเจ็ตไม่ตั้งค่าคุกกี้ ไม่เรียกใช้สคริปต์ติดตาม ไม่ระบุตัวตนผู้ใช้ และไม่ใช้ที่อยู่ IP ของผู้เยี่ยมชมเพื่อวิเคราะห์ การเรียกเครือข่ายเพียงอย่างเดียวคือไปยัง weather.now เพื่อดึง HTML ของวิดเจ็ตและไอคอนสภาพอากาศ — เหมือนกับการที่เว็บไซต์ของคุณเรียกเมื่อฝังวิดีโอ YouTube หรือ Google Maps คุณไม่จำเป็นต้องเพิ่มลงในแบนเนอร์คุกกี้
วิดเจ็ตทำงานได้หรือไม่หากผู้เยี่ยมชมปิดการใช้งาน JavaScript?
ใช่ — ผู้ใช้จะเห็น HTML fallback: ชื่อเมือง, ลิงก์ที่ใช้งานได้ไปยังหน้าการพยากรณ์แบบเต็มบน weather.now, และเครดิต weather.now ส่วนวิดเจ็ตที่จัดสไตล์แล้วจะปรากฏก็ต่อเมื่อสคริปต์โหลดทำงานแล้วเท่านั้น
ฉันสามารถใช้วิดเจ็ตบนหน้า AMP ได้หรือไม่?
AMP จะตัดสคริปต์ที่กำหนดเองออก ดังนั้นวิดเจ็ตสดจะไม่แสดงผลบนหน้า AMP ส่วน HTML fallback (ชื่อเมือง ลิงก์ไปยังพยากรณ์อากาศ บรรทัดเครดิต) เป็นมาร์กอัป AMP ที่ถูกต้องและแสดงผลตามปกติ ซึ่งเพียงพอสำหรับการใช้งานส่วนใหญ่
ฉันสามารถบังคับภาษาเฉพาะโดยไม่ขึ้นกับว่าผู้เข้าชมมาจากไหนได้หรือไม่?
ใช่ — ตั้งค่าตัวเลือกภาษาในเครื่องมือสร้างเป็นโลแคลใดก็ได้จาก 38 ภาษาที่รองรับ แล้ววิดเจ็ตจะแสดงผลในภาษานั้นเสมอ หากปล่อยไว้เป็นอัตโนมัติ วิดเจ็ตจะใช้ภาษาของเบราว์เซอร์ของผู้เข้าชมแต่ละคน
พร้อมที่จะเพิ่มสภาพอากาศให้กับเว็บไซต์ของคุณหรือยัง?
เลื่อนขึ้นไปข้างบน ค้นหาเมืองของคุณ เลือกขนาดและสี แล้วคัดลอกโค้ด กระบวนการทั้งหมดใช้เวลาไม่ถึงนาที และผู้เยี่ยมชมของคุณจะได้รับพยากรณ์อากาศสดตลอดไป — โดยไม่มีค่าใช้จ่าย