Widget de localização grátis para seu site

O que é o widget — e uma demo de 30 segundos

O widget do What Is My Location é uma página pequena e independente que você coloca dentro de um iframe no seu próprio site. Quando o visitante toca em Mostrar minha localização, o navegador dele pede permissão, a posição é calculada no dispositivo dele e o widget mostra as coordenadas em vários formatos, o endereço obtido por geocodificação reversa e um pino no OpenStreetMap. Nós não guardamos nada sobre o visitante — sem cookies, sem rastreadores de análise, sem impressão digital do navegador. Você pode ver exatamente o que seus visitantes veriam na página do widget ao vivo e montar a sua versão no gerador de código de incorporação.

Incorpore com uma linha

Cole isto onde você quer que o widget apareça:

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

O atributo allow="geolocation" é obrigatório — sem ele os navegadores bloqueiam o pedido de posição dentro de iframes. Uma altura de 380–460 px serve para a maioria dos layouts; o widget é responsivo até 280 px de largura.

Opções que você pode configurar

O gerador de código de incorporação monta a URL para você, mas os parâmetros são simples o bastante para escrever à mão: ?theme=dark ou light para combinar com seu site (omita para seguir a preferência do sistema do visitante), &units=imperial para pés/milhas e &lang=es (ou qualquer um dos nossos 35 idiomas) para os rótulos traduzidos. Exemplo: /widget?theme=dark&lang=hi mostra o widget escuro em hindi. Os parâmetros se combinam à vontade e nada mais é preciso — sem chave, sem conta, sem cota.

WordPress, Shopify, Wix, React

• WordPress: use nosso pequeno plugin WP (ele adiciona o shortcode [whatismylocation]) ou cole o iframe num bloco de HTML personalizado.
• Shopify / Wix / Squarespace: todo construtor de sites tem um elemento «incorporar / HTML personalizado» — cole ali a mesma linha de iframe.
• React / Vue / Svelte: renderize o iframe direto; ele não tem estado, então não há ciclo de vida para gerenciar.
• AMP ou e-mail: iframes com geolocalização não funcionam nesses lugares — em vez disso, aponte um link para a página completa.

Quem usa um widget de localização — casos reais

• Páginas de entrega e logística: deixe o cliente pegar as coordenadas exatas de endereços difíceis de achar antes de fechar o pedido.
• Blogs de viagem e de vida ao ar livre: o leitor confere onde está em relação aos seus pontos de partida de trilha e mapas de rota.
• Sites de eventos e de espaços: responder «a que distância eu estou?» sem obrigar ninguém a instalar um app.
• Equipes de campo e de levantamento: uma página que dá para salvar nos favoritos e que mostra as coordenadas GPS em qualquer celular.
• Suporte de TI: confirme rápido a localização aproximada e o fuso horário de quem está do outro lado durante o atendimento.

Por que é seguro incorporar — a privacidade por trás

A geolocalização acontece inteiramente no navegador do visitante e só dispara com um toque explícito dele, então incorporar o widget não cria dor de cabeça com o RGPD para você: o widget em si não exige banner de consentimento porque não grava nenhum cookie e não roda nenhum rastreador de terceiros. A consulta de geocodificação reversa passa pelo nosso servidor sem guardar coordenadas, nosso guia de privacidade documenta todo o fluxo de dados, e o widget é a única página deste site que pode ser exibida dentro de um frame — seus visitantes não têm como ser levados por clickjacking até outras ferramentas. Se depois você precisar de acesso programático em vez de uma interface, as mesmas garantias valem para a API gratuita para desenvolvedores.

Widget ou API — de qual você precisa?

Comece pelo widget; passe para a API quando precisar dos números crus dentro do seu próprio código.