วิธีฝังวิดเจ็ตตำแหน่ง

วิดเจ็ตนี้คือ iframe บรรทัดเดียว ทุกแพลตฟอร์มที่รับ HTML แบบกำหนดเองก็วางได้ ตั้งธีมและขนาดในหน้าฝังวิดเจ็ต คัดลอกโค้ด แล้วทำตามขั้นตอนของแพลตฟอร์มคุณด้านล่าง ผู้ใช้ WordPress มีปลั๊กอินคลิกเดียว

อิงการอนุญาต · ส่วนตัว · ใช้งานได้บน Chrome, Safari, Firefox, Edge

WordPress (ง่ายที่สุด: ใช้ปลั๊กอิน)

แบบใช้ปลั๊กอิน: ดาวน์โหลด whatismylocation-widget.zip → wp-admin ▸ Plugins ▸ Add New ▸ Upload Plugin → เปิดใช้งาน จากนั้นวาง [whatismylocation] ตรงไหนก็ได้ที่ shortcodes ทำงาน (โพสต์ เพจ วิดเจ็ตข้อความ) พร้อมตัวเลือก: [whatismylocation theme="golden" mode="full" height="420"] ปลั๊กอินสร้าง iframe เดียวกันนี้ — ไม่มีอะไรอื่นไปแตะเว็บไซต์ของคุณ

แบบไม่ใช้ปลั๊กอิน: ในตัวแก้ไขแบบบล็อก ให้เพิ่มบล็อก Custom HTML แล้ววาง iframe ลงไป ถ้าใช้ตัวแก้ไขแบบคลาสสิก ให้สลับไปแท็บ Text ก่อน

Wix, Squarespace, Shopify, Webflow, Blogger

รายละเอียดของแต่ละแพลตฟอร์มเปลี่ยนอยู่เสมอ ถ้าเครื่องมือสร้างเว็บตัด iframe ออกในแพ็กเกจของคุณ ให้ยึดหน้าช่วยเหลือของเครื่องมือนั้นในหัวข้อ “embed custom HTML” เป็นหลัก

ตารางอ้างอิงตัวเลือก

พารามิเตอร์ค่าที่ใช้ได้หมายเหตุ
themelight · dark · goldengolden เหมาะกับดีไซน์โทนอุ่นหรือดูพรีเมียม
modecompact · fullfull เพิ่มแผนที่ย่อเข้ามา (สูงขึ้น: ใช้ height ≥ 380)
height ของ iframe220–800 pxcompact พอดีที่ 260 ส่วน full สบายตาที่ 420
allowgeolocationจำเป็นต้องมี — ถ้าไม่มี เบราว์เซอร์จะบล็อกคำขออนุญาตภายใน iframe
ใส่วิดเจ็ตตำแหน่งในเว็บไซต์ ฝังวิดเจ็ตตำแหน่งใน WordPress

คำถามที่พบบ่อย

ฝังวิดเจ็ตใน WordPress ต้องใช้ปลั๊กอินไหม?
ไม่จำเป็น ถ้าใช้ปลั๊กอินจะได้ชอร์ตโค้ด [whatismylocation] ที่วางได้ทุกที่ ถ้าไม่ใช้ ให้เพิ่มบล็อก Custom HTML แล้ววาง iframe ผลลัพธ์เหมือนกัน
วางโค้ดแล้ว วิดเจ็ตขึ้นแต่ปุ่มไม่ทำงาน?
มักเกิดจากแอตทริบิวต์ allow="geolocation" หายไปตอนคัดลอก ให้คัดลอกทั้งบรรทัดจากหน้าฝังวิดเจ็ตมาใหม่ ถ้าไม่มี เบราว์เซอร์จะบล็อกคำขออนุญาตใน iframe
ควรตั้งความสูงของ iframe เท่าไร?
โหมด compact พอดีที่ราว 260 พิกเซล ส่วนโหมด full มีแผนที่ย่อเพิ่มมา จึงควรใช้อย่างน้อย 380 และสบายตาที่ 420 ช่วงที่รองรับคือ 220 ถึง 800 พิกเซล

ดูเป็นภาษาอังกฤษ: How to Embed the Location Widget on Any Site · ไทย