Mostre uma pontuação de habitabilidade em tempo real para qualquer morada nas suas próprias páginas — gratuito, responsivo e sem qualquer passo de compilação. Ideal para anúncios imobiliários, guias de bairro, ferramentas de mudança e páginas de cidades. Os visitantes que tocarem na pontuação acederão ao relatório completo do BuildingsScore.
Adicione um marcador de posição onde pretende a pontuação e carregue o script uma vez por página. Defina as coordenadas do local que pretende avaliar:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
É tudo. O script substitui o marcador por um cartão de pontuação e redimensiona-o automaticamente.
Este é exatamente o widget que o snippet acima produz:
Duas formas através de data-layout — vertical
(o padrão mostrado acima, ideal para barras laterais e cartões) e
horizontal, um banner largo que se adapta ao topo de um anúncio ou a 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 marcador de posição:
| Atributo | Descrição |
|---|---|
data-lat / data-lng | Coordenadas do local a avaliar. A opção fiável sem necessidade de pesquisa — utilize-as quando as tiver disponíveis. |
data-address | Uma morada a avaliar (georreferenciada se não fornecer lat/lng) e/ou uma etiqueta apresentada no cartão. |
data-layout | vertical (padrão, um cartão alto) ou horizontal (um banner largo — pontuação ao lado de uma grelha de dimensões compacta em duas colunas). |
data-theme | auto (padrão, segue o sistema operativo do visitante), light ou dark. |
data-ref | A etiqueta do seu site/campanha para atribuição. Por padrão, o seu domínio. |
data-height | Altura inicial em px antes de o cartão se dimensionar automaticamente (padrão 440). |
data-cta | Defina como 0 para ocultar o botão "Ver o relatório completo". |
A renderizar anúncios de forma dinâmica (scroll infinito, uma SPA, resultados AJAX)? Após inserir novos marcadores de posição, 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 redimensiona-se automaticamente ao conteúdo; com um iframe simples, define a altura manualmente.
A pontuação, o botão e cada categoria abrem o relatório completo e interativo do BuildingsScore para esse local num novo separador — assim a sua página mantém o visitante enquanto ele acede à vista detalhada. Nunca definimos cookies de terceiros no widget, e a pontuação é calculada nos nossos servidores, pelo que a sua página se mantém rápida.