สร้างวิดเจ็ตสภาพอากาศฟรีของคุณ
สภาพอากาศสดสำหรับทุกเมือง ปรับแต่งได้เต็มที่ HTML บรรทัดเดียว — ทำงานบนทุกเว็บไซต์ (WordPress, Shopify, Wix, HTML ธรรมดา, ที่ไหนก็ได้) ฟรีตลอดไป
1. เลือกเมือง
/fr/paris → city=paris&country=fr2. ขนาด
3. ลักษณะ
4. ภาษาและหน่วย
5. แสดง / ซ่อนส่วนต่างๆ
ตัวอย่างสด
วิดเจ็ตสภาพอากาศฟรีที่เว็บไซต์ใดก็ได้สามารถฝังได้ใน 60 วินาที
วิดเจ็ต weather.now แสดงสภาพอากาศปัจจุบันและพยากรณ์ 7 วันสำหรับทุกเมืองในโลก ใน 38 ภาษา เลือกเมือง คัดลอก HTML snippet สั้นๆ หนึ่งชิ้น วางลงในหน้าเว็บของคุณ นั่นคือการติดตั้งทั้งหมด ไม่ต้องใช้ปลั๊กอิน ไม่ต้องมีบัญชี ไม่ต้องใช้คีย์ API ไม่ต้องชำระเงิน
ใช้ได้กับบล็อก หน้าโรงแรม ที่พักตากอากาศ รายการอสังหาริมทรัพย์ พอร์ทัลโรงเรียน คู่มือการเดินทาง ท่าจอดเรือ สกีรีสอร์ท หน้าร้าน Shopify — ทุกที่ที่หน้าเว็บได้รับประโยชน์จากการแสดงสภาพอากาศในขณะนั้น
snippet นี้ทำสองอย่างพร้อมกัน สำหรับผู้เยี่ยมชมของคุณ มันแสดงเป็นการ์ดสภาพอากาศที่สะอาดและมีสไตล์ สำหรับเครื่องมือค้นหา โปรแกรมอ่าน 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 เมื่อบีบอัด
- ทำงานได้บนทุกแพลตฟอร์ม WordPress, Shopify, Wix, Squarespace, Webflow, Ghost, Joomla, Drupal, เว็บไซต์ Notion, HTML ธรรมดา, แอปหน้าเดียว — ทุกที่ที่อนุญาตให้ใช้ HTML snippet เล็กๆ
- สร้างมาเพื่อ SEO snippet มาพร้อมกับบล็อกอ้างอิงที่จัดทำดัชนีได้จริง ซึ่งมีชื่อเมืองและลิงก์ไปยังหน้าพยากรณ์ของเมืองนั้น เสิร์ชเอ็นจิ้นจะเห็นทันทีที่รวบรวมข้อมูลหน้าเว็บของคุณ ก่อนที่สคริปต์วิดเจ็ตจะทำงานเสียอีก
วิธีการทำงานของ embed
snippet ที่คุณวางคือบล็อกอ้างอิง HTML ขนาดเล็ก ตามด้วยแท็กสคริปต์หนึ่งบรรทัด บล็อกนั้นเพียงลำพังก็เป็นเนื้อหาที่ถูกต้องและอ่านได้แล้ว: หัวข้อที่มีชื่อเมือง ลิงก์ไปยังหน้าพยากรณ์เต็มรูปแบบ และเครดิตให้ weather.now ครอว์เลอร์จะเห็นทันทีที่เข้าถึงหน้าเว็บของคุณ
เมื่อหน้าเว็บโหลดในเบราว์เซอร์ที่รัน JavaScript สคริปต์โหลดของเรา (ประมาณ 1 KB โหลดแบบอะซิงโครนัส) จะแทนที่บล็อกอ้างอิงด้วยวิดเจ็ตสภาพอากาศสดที่มีสไตล์ ผู้เยี่ยมชมที่เป็นมนุษย์จะเห็นวิดเจ็ตที่แสดงผล ครอว์เลอร์, โปรแกรมอ่าน RSS, โปรแกรมอ่านหน้าจอ, ไคลเอนต์อีเมล และบริบทใดๆ ที่ไม่มี JavaScript จะเห็น fallback การอ้างอิงที่สะอาด ไม่มีอะไรถูกซ่อน ไม่มีอะไรสูญหาย
นี่เป็นแนวทางเดียวกับที่ Twitter, Instagram และ Reddit ใช้สำหรับ embed ของพวกเขา: fallback HTML ที่มีความหมายซึ่งถูกปรับปรุงให้เป็นวิดเจ็ตที่สมบูรณ์ คุณไม่จำเป็นต้องเขียน JavaScript, กำหนดค่า iframe หรือกังวลเกี่ยวกับสคริปต์ที่บล็อกการเรนเดอร์ คุณวาง, คุณเผยแพร่, มันก็ทำงาน
คำถามที่พบบ่อย
วิดเจ็ตสภาพอากาศฟรีจริงหรือ?
ใช่ — ฟรีสมบูรณ์ ไม่ต้องสมัครสมาชิก ไม่ต้องใช้ API key และไม่มีข้อจำกัดการใช้งาน เราขอแค่ให้คุณคงเครดิต weather.now ขนาดเล็กที่แสดงใน snippet ไว้ เครดิตนี้คือวิธีที่ผู้ใช้ใหม่ค้นพบเรา และเป็นสิ่งที่ทำให้เราสามารถให้วิดเจ็ตฟรีสำหรับทุกคน
ติดตั้งวิดเจ็ตบน WordPress อย่างไร?
ในตัวแก้ไขบล็อก (Gutenberg) ให้เพิ่มบล็อก Custom HTML แล้ววาง snippet ในตัวแก้ไขแบบคลาสสิก ให้สลับไปที่แท็บ Text หรือ HTML แล้ววางตรงนั้น ใน Elementor หรือ Divi ให้ใช้วิดเจ็ต HTML ไม่จำเป็นต้องใช้ปลั๊กอินหรือแก้ไขธีม
ติดตั้งบน Shopify ยังไง?
เปิดตัวแก้ไขธีม เพิ่มส่วน HTML ที่กำหนดเองในหน้าใดก็ได้ แล้ววางโค้ดลงไป สำหรับวิดเจ็ตทั้งเว็บไซต์ในส่วนท้ายหรือแถบข้าง ให้แก้ไข theme.liquid แล้ววางโค้ดตรงตำแหน่งที่ต้องการให้แสดง นอกจากนี้ยังใช้ได้ในหน้าสินค้าและบทความบล็อกด้วย
ติดตั้งบน Wix หรือ Squarespace อย่างไร?
ตัวแก้ไขทั้งสองมีบล็อกฝัง HTML ใน Wix ให้เพิ่มองค์ประกอบ Embed HTML แล้ววาง snippet ใน Squarespace ให้เพิ่มบล็อก Code (ตั้งค่าเป็น HTML) แล้ววาง snippet วิดเจ็ตจะแสดงผลอย่างถูกต้องภายใน sandbox ทั้งสอง
แสดงพยากรณ์อากาศหลายเมืองในหน้าเดียวกันได้ไหม?
ได้ — วางโค้ดกี่ครั้งก็ได้ตามต้องการ ครั้งละหนึ่งเมือง วิดเจ็ตแต่ละอันโหลดแยกกันและแคชแยกกันที่ขอบเครือข่าย การเพิ่มเมืองมากขึ้นจึงไม่ทำให้หน้าเว็บช้าลง
วิดเจ็ตอากาศทำให้เว็บไซต์ช้าลงไหม?
ไม่มีผลกระทบต่อ Core Web Vitals ที่วัดได้ สคริปต์โหลดมีขนาดประมาณ 1 KB และโหลดแบบอะซิงโครนัส วิดเจ็ตโหลดแบบ Lazy Load — จะไม่แสดงจนกว่าผู้เยี่ยมชมจะเลื่อนมาใกล้ ข้อมูลที่แสดงผลมีขนาดเฉลี่ย 6 ถึง 8 KB ที่บีบอัดด้วย gzip ให้บริการจาก CDN ที่มีความหน่วงต่ำกว่า 100 มิลลิวินาทีทั่วโลก
เปลี่ยนสีและขนาดหลังจากติดตั้งวิดเจ็ตได้หรือไม่?
ได้ — ทุกตัวเลือกเป็นแอตทริบิวต์ HTML ธรรมดาใน snippet เปลี่ยนตัวเลขหรือสี hex ในโค้ดที่วางไว้ วิดเจ็ตจะอัปเดตเมื่อโหลดหน้าเว็บครั้งถัดไป ไม่ต้องใช้ไฟล์ CSS หรือขั้นตอน build หรือกลับไปที่ตัวสร้างด้านบน ออกแบบรูปแบบใหม่ แล้วคัดลอก snippet ใหม่
ข้อมูลสภาพอากาศสดใหม่แค่ไหน?
ข้อมูลปัจจุบันจะรีเฟรชทุก 5 ถึง 10 นาทีบนเซิร์ฟเวอร์ของเรา วิดเจ็ตดึงข้อมูลจากแคชสด ดังนั้นผู้เยี่ยมชมของคุณจะเห็นสภาพอากาศที่อัปเดตอยู่เสมอโดยไม่ต้องดำเนินการใดๆ จากคุณ
คุณใช้แหล่งข้อมูลสภาพอากาศจากที่ไหน?
เรารวบรวมข้อมูลจากผู้ให้บริการอุตุนิยมวิทยาชั้นนำระดับโลก และเลือกแหล่งข้อมูลที่มีความละเอียดสูงสุดสำหรับแต่ละเมือง ครอบคลุมทั่วโลก: ทุกประเทศที่มีประชากร และเมืองและชุมชนกว่า 2.8 ล้านแห่ง รวมถึงสถานที่ห่างไกลที่ API ส่วนใหญ่ไม่ครอบคลุม
วิดเจ็ตเป็นมิตรกับ GDPR หรือไม่
ใช่ วิดเจ็ตไม่ตั้งคุกกี้ ไม่รันสคริปต์ติดตาม ไม่ทำการระบุตัวตนผู้ใช้ และไม่ใช้ที่อยู่ IP ของผู้เยี่ยมชมเพื่อการวิเคราะห์ การเรียกเครือข่ายเพียงอย่างเดียวคือการดึง HTML วิดเจ็ตและไอคอนสภาพอากาศจาก weather.now ซึ่งเป็นการเรียกแบบเดียวกับที่เว็บไซต์ของคุณทำเมื่อฝังวิดีโอ YouTube หรือ Google Map คุณไม่จำเป็นต้องเพิ่มลงในแบนเนอร์คุกกี้
วิดเจ็ตทำงานได้หรือไม่หากผู้ใช้ปิด JavaScript
ได้ — ผู้ใช้จะเห็น HTML สำรอง: ชื่อเมือง, ลิงก์ที่ใช้งานได้ไปยังหน้าการพยากรณ์เต็มบน weather.now, และเครดิต weather.now วิดเจ็ตแบบมีสไตล์จะปรากฏเมื่อสคริปต์โหลดเดอร์ทำงานเท่านั้น
ใช้วิดเจ็ตบนหน้า AMP ได้ไหม?
AMP จะตัดสคริปต์ที่กำหนดเองออก ดังนั้นวิดเจ็ตสดจะไม่แสดงบนหน้า AMP ส่วน HTML สำรอง (ชื่อเมือง ลิงก์ไปยังพยากรณ์ และเครดิต) เป็นมาร์กอัป AMP ที่ถูกต้องและแสดงผลได้ตามปกติ ซึ่งเพียงพอสำหรับการใช้งานส่วนใหญ่
ฉันสามารถบังคับภาษาเฉพาะโดยไม่ขึ้นกับว่าผู้เยี่ยมชมมาจากที่ไหนได้หรือไม่
ได้ — ตั้งค่าตัวเลือกภาษาในเครื่องมือสร้างเป็นหนึ่งใน 38 ภาษาที่รองรับ แล้ววิดเจ็ตจะแสดงผลในภาษานั้นเสมอ ปล่อยเป็นอัตโนมัติ วิดเจ็ตจะใช้ภาษาของเบราว์เซอร์ของผู้เยี่ยมชมแต่ละคน
พร้อมเพิ่มข้อมูลสภาพอากาศบนเว็บไซต์ของคุณหรือยัง?
เลื่อนกลับขึ้นไป ค้นหาเมืองของคุณ เลือกขนาดและสี แล้วคัดลอกโค้ด ใช้เวลาไม่ถึงนาที และผู้เยี่ยมชมของคุณจะได้เห็นพยากรณ์อากาศสดตลอดไป — โดยไม่มีค่าใช้จ่าย