วิดเจ็ตตำแหน่งสำหรับเว็บไซต์

วิดเจ็ตนี้คืออะไร — และเดโม 30 วินาที

วิดเจ็ต What Is My Location คือหน้าเว็บขนาดเล็กที่ทำงานได้ในตัวเอง ซึ่งคุณวางลงในเว็บไซต์ของคุณเองผ่าน iframe เมื่อผู้เข้าชมแตะ แสดงตำแหน่งของฉัน เบราว์เซอร์ของเขาจะขออนุญาต ตำแหน่งถูกคำนวณบนอุปกรณ์ของเขาเอง แล้ววิดเจ็ตจะแสดงพิกัดในหลายรูปแบบ ที่อยู่ที่ได้จากการแปลงพิกัด และหมุดบน OpenStreetMap เราไม่เก็บอะไรเกี่ยวกับผู้เข้าชมเลย — ไม่มีคุกกี้ ไม่มีบีคอนเก็บสถิติ ไม่มีการเก็บลายนิ้วมือดิจิทัล คุณดูสิ่งที่ผู้เข้าชมจะเห็นจริง ๆ ได้ที่หน้าวิดเจ็ตที่ใช้งานจริง และปรับแต่งวิดเจ็ตของคุณเองได้ในตัวสร้างโค้ดฝัง

ฝังด้วยโค้ดบรรทัดเดียว

วางโค้ดนี้ตรงจุดที่คุณต้องการให้วิดเจ็ตปรากฏ:

<iframe src="https://whatismylocation.ai/widget"
        width="100%" height="420" style="border:0;border-radius:12px"
        allow="geolocation" title="What is my location"></iframe>

ต้องมีแอตทริบิวต์ allow="geolocation" — หากไม่มี เบราว์เซอร์จะบล็อกการขอตำแหน่งภายใน iframe ความสูง 380–460 px เหมาะกับเลย์เอาต์ส่วนใหญ่ และวิดเจ็ตปรับขนาดได้จนถึงความกว้าง 280 px

ตัวเลือกที่ปรับได้

ตัวสร้างโค้ดฝังสร้าง URL ให้คุณอยู่แล้ว แต่พารามิเตอร์ก็ง่ายพอที่จะพิมพ์เองได้: ?theme=dark หรือ light เพื่อให้เข้ากับเว็บไซต์ของคุณ (ไม่ใส่ก็ได้ วิดเจ็ตจะตามค่าที่ผู้เข้าชมตั้งไว้ในระบบ) &units=imperial สำหรับฟุตและไมล์ และ &lang=es (หรือภาษาใดก็ได้ใน 35 ภาษาของเรา) สำหรับป้ายกำกับที่แปลแล้ว ตัวอย่าง: /widget?theme=dark&lang=hi จะแสดงวิดเจ็ตธีมมืดเป็นภาษาฮินดี พารามิเตอร์ผสมกันได้อิสระ และไม่ต้องมีอะไรอีก — ไม่ต้องใช้คีย์ ไม่ต้องมีบัญชี ไม่มีโควตา

WordPress, Shopify, Wix, React

• WordPress: ใช้ปลั๊กอิน WPตัวเล็ก ๆ ของเรา (เพิ่มชอร์ตโค้ด [whatismylocation]) หรือวางบรรทัด iframe ลงในบล็อก Custom HTML
• Shopify / Wix / Squarespace: ตัวสร้างเว็บทุกตัวมีองค์ประกอบ "embed / custom HTML" อยู่แล้ว — วาง iframe บรรทัดเดิมลงไปได้เลย
• React / Vue / Svelte: เรนเดอร์ iframe ตรง ๆ ได้เลย เพราะไม่มีสถานะ จึงไม่ต้องจัดการวงจรชีวิตของคอมโพเนนต์
• AMP หรืออีเมล: iframe ที่ใช้การระบุตำแหน่งทำงานไม่ได้ที่นั่น ให้ลิงก์ไปหน้าเต็มแทน

ใครใช้วิดเจ็ตตำแหน่งบ้าง — กรณีใช้งานจริง

• หน้าจัดส่งและโลจิสติกส์: ให้ลูกค้าคัดลอกพิกัดที่แม่นยำสำหรับที่อยู่ที่หายากได้ก่อนชำระเงิน
• บล็อกท่องเที่ยวและกิจกรรมกลางแจ้ง: ผู้อ่านเช็กได้ว่าตัวเองอยู่ตรงไหน เทียบกับจุดเริ่มเส้นทางและแผนที่เส้นทางของคุณ
• เว็บงานอีเวนต์และสถานที่จัดงาน: ตอบคำถาม "ฉันอยู่ห่างแค่ไหน" โดยไม่ต้องบังคับให้ติดตั้งแอป
• ทีมภาคสนามและทีมสำรวจ: หน้าเว็บที่บุ๊กมาร์กไว้ได้ และอ่านพิกัด GPS ออกมาได้บนโทรศัพท์ทุกเครื่อง
• ฝ่ายช่วยเหลือด้านไอที: ยืนยันตำแหน่งคร่าว ๆ และเขตเวลาของผู้ใช้ทางไกล ได้อย่างรวดเร็วระหว่างการโทรให้ความช่วยเหลือ

ทำไมฝังแล้วปลอดภัย — การออกแบบเพื่อความเป็นส่วนตัว

การระบุตำแหน่งเกิดขึ้นในเบราว์เซอร์ของผู้เข้าชมทั้งหมด และเริ่มทำงานเมื่อเขาแตะเองเท่านั้น การฝังวิดเจ็ตจึงไม่สร้างภาระเรื่องการประมวลผลข้อมูลตาม GDPR ให้คุณ ตัววิดเจ็ตเองไม่ต้องมีแบนเนอร์ขอความยินยอม เพราะมันไม่ตั้งคุกกี้และไม่รันตัวติดตามของบุคคลที่สาม การแปลงพิกัดเป็นที่อยู่ส่งผ่านพร็อกซีบนเซิร์ฟเวอร์ของเราโดยไม่เก็บพิกัดไว้ คู่มือความเป็นส่วนตัวของเราอธิบายการไหลของข้อมูลทั้งหมด และวิดเจ็ตเป็นหน้าเดียวในเว็บไซต์นี้ที่อนุญาตให้เรนเดอร์ในเฟรมได้ ผู้ใช้ของคุณจึงถูกหลอกให้คลิกไปยังเครื่องมืออื่นไม่ได้ หากภายหลังคุณต้องการเข้าถึงแบบเขียนโปรแกรมแทนหน้าจอ API สำหรับนักพัฒนาที่ใช้ฟรีก็ให้การรับประกันแบบเดียวกัน

วิดเจ็ตกับ API — คุณต้องใช้อันไหน

เริ่มจากวิดเจ็ตก่อน แล้วค่อยขยับไปใช้ API เมื่อคุณต้องการตัวเลขดิบในโค้ดของคุณเอง