Mostra unha puntuación de habitabilidade en directo para calquera enderezo nas túas propias páxinas — de balde, adaptable e sen ningún paso de compilación. Ideal para listaxes de propiedades, guías de barrios, ferramentas de mudanza e páxinas de cidades. Os visitantes que toquen a puntuación accederán ao informe completo de BuildingsScore.
Engade un marcador de posición onde queiras que apareza a puntuación e logo carga o script unha vez por páxina. Define as coordenadas do lugar que queres puntuar:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Iso é todo. O script substitúe o marcador por unha tarxeta de puntuación e axusta o seu tamaño automaticamente.
Este é exactamente o widget que produce o fragmento anterior:
Dúas formas mediante data-layout — vertical
(a disposición predeterminada mostrada arriba, ideal para barras laterais e tarxetas) e
horizontal, un banner ancho que encaixa na parte superior dunha listaxe
ou nunha fila a ancho completo:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Configura o widget con atributos data-* no marcador de posición:
| Atributo | Descrición |
|---|---|
data-lat / data-lng | Coordenadas do lugar a puntuar. A opción fiable sen consultas adicionais — úsaas cando as teñas. |
data-address | Un enderezo postal a puntuar (xeolocalizado se non proporcionas lat/lng) e/ou unha etiqueta mostrada na tarxeta. |
data-layout | vertical (predeterminado, unha tarxeta alta) ou horizontal (un banner ancho — puntuación xunto a unha grade de dimensións compacta de dúas columnas). |
data-theme | auto (predeterminado, segue o sistema operativo do visitante), light ou dark. |
data-ref | A etiqueta do teu sitio/campaña para a atribución. Por defecto, o teu dominio. |
data-height | Altura inicial en px antes de que a tarxeta se mida a si mesma (predeterminado 440). |
data-cta | Establece en 0 para ocultar o botón "Ver o informe completo". |
Estás renderizando listaxes de forma dinámica (desprazamento infinito, SPA, resultados AJAX)? Despois de inserir novos marcadores de posición, chama a:
BuildingsScore.render();
Omite o script e insire o widget directamente:
<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>
Co script, a tarxeta axusta automaticamente o seu tamaño ao contido; cun iframe simple, estableces ti mesmo unha altura fixa.
A puntuación, o botón e cada categoría abren o informe completo e interactivo de BuildingsScore para ese lugar nunha nova pestana — así a túa páxina retén o visitante mentres obtén a vista detallada. Nunca definimos cookies de terceiros no widget, e a puntuación calcúlase nos nosos servidores, polo que a túa páxina mantén a súa velocidade.