Exiba uma pontuação de habitabilidade ao vivo para qualquer endereço nas suas próprias páginas — grátis, responsivo e sem etapa de build. Ideal para anúncios de imóveis, guias de bairros, ferramentas de mudança e páginas de cidades. Visitantes que tocarem na pontuação acessam o relatório completo do BuildingsScore.
Adicione um espaço reservado onde você quer que a pontuação apareça e carregue o script uma vez por página. Defina as coordenadas do local que deseja avaliar:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
É só isso. O script substitui o espaço reservado por um cartão de pontuação e ajusta o tamanho automaticamente.
Este é exatamente o widget que o trecho acima gera:
Dois formatos via data-layout — vertical
(o padrão mostrado acima, ideal para barras laterais e cartões) e
horizontal, um banner largo que cabe no topo de um anúncio ou
em uma linha de largura total:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Configure o widget com atributos data-* no espaço reservado:
| Atributo | Descrição |
|---|---|
data-lat / data-lng | Coordenadas do local a ser avaliado. A opção confiável, sem consulta de endereço — use quando disponível. |
data-address | Um endereço a ser avaliado (geocodificado se você não fornecer lat/lng) e/ou um rótulo exibido no cartão. |
data-layout | vertical (padrão, um cartão alto) ou horizontal (um banner largo — pontuação ao lado de uma grade de dimensões compacta em duas colunas). |
data-theme | auto (padrão, segue o sistema operacional do visitante), light ou dark. |
data-ref | Tag do seu site ou campanha para atribuição. O padrão é o seu domínio. |
data-height | Altura inicial em px antes de o cartão se medir (padrão 440). |
data-cta | Defina como 0 para ocultar o botão "Ver o relatório completo". |
Renderizando anúncios dinamicamente (scroll infinito, SPA, resultados via AJAX)? Após inserir novos espaços reservados, chame:
BuildingsScore.render();
Dispense o script e incorpore o widget diretamente:
<iframe src="https://buildingsscore.com/embed.html?lat=48.8584&lng=2.2945" style="width:100%;height:440px;border:0" loading="lazy" title="BuildingsScore"></iframe>
Com o script, o cartão ajusta o tamanho automaticamente ao conteúdo; com um iframe simples, você define uma altura fixa manualmente.
A pontuação, o botão e cada categoria abrem o relatório completo e interativo do BuildingsScore para aquele local em uma nova aba — assim sua página mantém o visitante enquanto ele acessa a visão detalhada. Nunca definimos cookies de terceiros no widget, e a pontuação é calculada em nossos servidores, então sua página permanece rápida.