Muestra una puntuación de habitabilidad en tiempo real para cualquier dirección en tus propias páginas — gratis, responsivo y sin ningún paso de compilación. Ideal para listados de propiedades, guías de vecindarios, herramientas de reubicación y páginas de ciudades. Los visitantes que toquen la puntuación verán el informe completo de BuildingsScore.
Agrega un marcador de posición donde quieras mostrar la puntuación y carga el script una vez por página. Establece las coordenadas del lugar que deseas evaluar:
<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 al tamaño adecuado.
Este es exactamente el widget que produce el fragmento anterior:
Dos formas mediante data-layout — vertical
(el predeterminado mostrado arriba, ideal para barras laterales y tarjetas) y
horizontal, un banner ancho que encaja en la parte superior de un
listado o en 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 evaluar. La opción confiable sin búsqueda — úsalas cuando las tengas. |
data-address | Una dirección a evaluar (se geocodifica si no pasas 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 compacta de dos columnas). |
data-theme | auto (predeterminado, sigue el sistema operativo del visitante), light o dark. |
data-ref | Etiqueta de tu sitio/campaña para atribución. Por defecto es tu dominio. |
data-height | Altura inicial en px antes de que la tarjeta se mida a sí misma (predeterminado 440). |
data-cta | Establece en 0 para ocultar el botón "Ver el informe completo". |
¿Renderizas listados de forma dinámica (scroll infinito, una SPA, resultados AJAX)? Después de insertar nuevos marcadores de posición, llama a:
BuildingsScore.render();
Omite el 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 simple, tú estableces una altura fija.
La puntuación, el botón y cada categoría abren el informe interactivo completo de BuildingsScore para ese lugar en una nueva pestaña — así tu página retiene al visitante mientras obtiene la vista más detallada. Nunca configuramos cookies de terceros en el widget, y la puntuación se calcula en nuestros servidores, por lo que tu página se mantiene rápida.