Muestra una puntuación de habitabilidad en tiempo real para cualquier dirección en tus propias páginas — gratuito, adaptable y sin ningún paso de compilación. Ideal para anuncios inmobiliarios, guías de barrios, herramientas de mudanza y páginas de ciudades. Los visitantes que pulsen la puntuación accederán al informe completo de BuildingsScore.
Añade un marcador de posición donde quieras que aparezca la puntuación y carga el script una vez por página. Establece las coordenadas del lugar que deseas puntuar:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Eso es todo. El script reemplaza el marcador por una tarjeta de puntuación y la ajusta automáticamente.
Este es exactamente el widget que produce el código anterior:
Dos formas mediante data-layout — vertical
(la predeterminada mostrada arriba, ideal para barras laterales y tarjetas) y
horizontal, un banner ancho que se adapta a la parte superior
de un anuncio o a una fila de ancho completo:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Configura el widget con atributos data-* en el marcador de posición:
| Atributo | Descripción |
|---|---|
data-lat / data-lng | Coordenadas del lugar a puntuar. La opción fiable sin búsquedas — úsalas cuando las tengas. |
data-address | Una dirección postal a puntuar (se geocodifica si no indicas lat/lng) y/o una etiqueta que se muestra en la tarjeta. |
data-layout | vertical (predeterminado, una tarjeta alta) o horizontal (un banner ancho — puntuación junto a una cuadrícula de dimensiones compacta de dos columnas). |
data-theme | auto (predeterminado, sigue el sistema operativo del visitante), light o dark. |
data-ref | La etiqueta de tu sitio o campaña para la atribución. El valor predeterminado es tu dominio. |
data-height | Altura inicial en px antes de que la tarjeta se mida (predeterminado 440). |
data-cta | Establece en 0 para ocultar el botón "Ver el informe completo". |
¿Renderizas anuncios de forma dinámica (scroll infinito, una SPA, resultados AJAX)? Tras insertar los nuevos marcadores de posición, llama a:
BuildingsScore.render();
Prescinde del script e inserta el 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>
Con el script la tarjeta se ajusta automáticamente a su contenido; con un iframe puro defines tú mismo una altura fija.
La puntuación, el botón y cada categoría abren el informe completo e interactivo de BuildingsScore para ese lugar en una pestaña nueva — de modo que tu página retiene al visitante mientras accede a la vista detallada. Nunca establecemos cookies de terceros en el widget, y la puntuación se calcula en nuestros servidores, por lo que tu página sigue siendo rápida.