Gratis locatiewidget voor je website

Wat de widget is — en een demo van 30 seconden

De What Is My Location-widget is een kleine, op zichzelf staande pagina die je via een iframe in je eigen site zet. Tikt een bezoeker op Toon mijn locatie, dan vraagt de browser om toestemming, wordt de positie op het apparaat zelf berekend en toont de widget de coördinaten in verschillende notaties, een adres via omgekeerde geocoding en een speld op OpenStreetMap. Wij bewaren niets over de bezoeker — geen cookies, geen trackingpixels, geen fingerprinting. Wat je bezoekers precies te zien krijgen, bekijk je op de live widgetpagina, en je stelt je eigen versie samen in de insluitgenerator.

Insluiten met één regel

Plak dit waar de widget moet verschijnen:

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

Het attribuut allow="geolocation" is verplicht — zonder dat blokkeren browsers de locatieaanvraag binnen een iframe. Een hoogte van 380–460 px past in de meeste lay-outs; de widget past zich aan tot 280 px breed.

Opties die je kunt instellen

De insluitgenerator maakt de URL voor je, maar de parameters zijn eenvoudig genoeg om zelf te typen: ?theme=dark of light om bij je site te passen (laat hem weg om de systeemvoorkeur van de bezoeker te volgen), &units=imperial voor voet en mijlen, en &lang=es (of een van onze 35 talen) voor gelokaliseerde labels. Voorbeeld: /widget?theme=dark&lang=hi toont de donkere widget in het Hindi. Parameters zijn vrij te combineren en verder is er niets nodig — geen sleutel, geen account, geen quotum.

WordPress, Shopify, Wix, React

• WordPress: gebruik onze kleine WP-plug-in (die een [whatismylocation]-shortcode toevoegt), of plak het iframe in een Custom HTML-blok.
• Shopify / Wix / Squarespace: elke websitebouwer heeft een element ‘insluiten / custom HTML’ — plak daar dezelfde iframe-regel in.
• React / Vue / Svelte: render het iframe rechtstreeks; het houdt geen toestand bij, dus je hoeft niets met de levenscyclus te doen.
• AMP of e-mail: iframes met geolocatie werken daar niet — link in plaats daarvan naar de volledige pagina.

Wie gebruikt een locatiewidget — echte toepassingen

• Bezorging en logistiek: laat klanten vóór het afrekenen exacte coördinaten ophalen voor adressen die lastig te vinden zijn.
• Reis- en outdoorblogs: lezers zien waar ze zich bevinden ten opzichte van jouw vertrekpunten en routekaarten.
• Evenementen- en zaalsites: ‘hoe ver ben ik er nog vandaan?’ zonder dat iemand een app hoeft te installeren.
• Veldwerk- en meetteams: een pagina die je als favoriet opslaat en die op elke telefoon de GPS-coördinaten toont.
• IT-helpdesks: bevestig tijdens een supportgesprek snel de globale locatie en tijdzone van een gebruiker op afstand.

Waarom insluiten veilig is — het privacyontwerp

De geolocatie gebeurt volledig in de browser van de bezoeker en start alleen na een bewuste tik, dus het insluiten van de widget wordt voor jou geen AVG-hoofdpijndossier: voor de widget zelf is geen toestemmingsbanner nodig, omdat hij geen cookies zet en geen trackers van derden draait. De omgekeerde geocoding loopt via onze server als proxy, zonder dat er coördinaten worden bewaard, onze privacygids beschrijft de hele gegevensstroom, en de widget is de enige pagina op deze site die in een frame mag worden getoond — je gebruikers kunnen dus niet via clickjacking naar andere tools worden gelokt. Heb je later programmatische toegang nodig in plaats van een interface, dan gelden dezelfde garanties voor de gratis Developer API.

Widget of API — wat heb je nodig?

Begin met de widget; stap over op de API zodra je de ruwe getallen in je eigen code nodig hebt.