Libreng Location Widget para sa Website Mo

Ano ang widget — at isang 30-segundong demo

Ang What Is My Location widget ay isang maliit at self-contained na page na inilalagay mo sa sarili mong site sa loob ng iframe. Kapag na-tap ng visitor ang Ipakita ang lokasyon ko, humihingi ng pahintulot ang browser niya, kinakalkula ang posisyon sa mismong device niya, at ipinapakita ng widget ang coordinates sa ilang format, ang reverse-geocoded na address, at isang pin sa OpenStreetMap. Wala kaming iniimbak tungkol sa visitor — walang cookies, walang analytics beacon, walang fingerprinting. Makikita mo mismo ang eksaktong ipapakita sa mga visitor mo sa live na widget page, at maisasaayos mo ang teksto mo sa embed builder.

I-embed ito sa isang linya

I-paste ito kung saan mo gustong lumabas ang widget:

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

Kailangan ang allow="geolocation" attribute — kung wala ito, hinaharangan ng mga browser ang position request sa loob ng iframe. Bagay sa karamihan ng layout ang taas na 380–460 px; responsive ang widget pababa sa 280 px na lapad.

Mga opsyong puwede mong i-configure

Ang embed builder na ang gumagawa ng URL para sa iyo, pero simple lang ang mga parameter para isulat nang manu-mano: ?theme=dark o light para tumugma sa site mo (huwag itong ilagay para sundin ang system preference ng visitor), &units=imperial para sa feet/miles, at &lang=es (o alinman sa aming 35 wika) para sa mga naka-localize na label. Halimbawa: ipinapakita ng /widget?theme=dark&lang=hi ang dark na widget sa Hindi. Malayang pinagsasama ang mga parameter at wala nang ibang kailangan — walang key, walang account, walang quota.

WordPress, Shopify, Wix, React

• WordPress: gamitin ang maliit naming WP plugin (nagdaragdag ng [whatismylocation] shortcode), o i-paste ang iframe sa isang Custom HTML block.
• Shopify / Wix / Squarespace: may "embed / custom HTML" na element ang bawat builder — i-paste ang parehong iframe line.
• React / Vue / Svelte: i-render ang iframe nang direkta; stateless ito, kaya hindi kailangan ng lifecycle handling.
• AMP o email: hindi doon tumatakbo ang mga iframe na may geolocation — mag-link na lang sa buong page.

Sino ang gumagamit ng location widget — totoong mga gamit

• Mga page ng delivery at logistics: hayaang kunin ng customer ang eksaktong coordinates para sa mahirap hanaping address bago mag-checkout.
• Mga travel at outdoor blog: matitingnan ng mambabasa kung nasaan sila kumpara sa mga trailhead at route map mo.
• Mga site ng event at venue: "gaano ako kalayo?" nang hindi pinipilit mag-install ng app.
• Mga field-work at survey team: isang page na puwedeng i-bookmark na nagbabasa ng GPS coordinates sa kahit anong phone.
• Mga IT help desk: mabilis na makumpirma ang tinatayang lokasyon at time zone ng malayong user habang nasa support call.

Bakit ligtas itong i-embed — ang disenyo para sa privacy

Buong-buong nangyayari sa browser ng visitor ang geolocation at ang tahasan nilang pag-tap lang ang nagpapatakbo nito, kaya hindi ka nito bibigyan ng sakit ng ulo sa pagproseso ng datos ayon sa GDPR: walang kailangang consent banner para sa widget mismo dahil walang cookies itong itinatakda at walang third-party tracker na pinapatakbo. Dumadaan sa server namin ang reverse-geocode lookup nang hindi iniimbak ang coordinates, dokumentado sa aming gabay sa privacy ang buong daloy ng datos, at ang widget lang ang page sa site na ito na pinapayagang i-render sa loob ng frame — hindi puwedeng ma-clickjack ang mga user mo papunta sa ibang tool. Kung kailanganin mo mamaya ang programmatic access sa halip na UI, pareho ring garantiya ang mayroon sa libreng developer API.

Widget vs API — alin ang kailangan mo?

Magsimula sa widget; lumipat sa API kapag kailangan mo na ang hilaw na mga numero sa loob ng sarili mong code.