Mostra una puntuació d'habitabilitat en directe per a qualsevol adreça a les teves pròpies pàgines — gratuïta, adaptable i sense cap pas de compilació. Ideal per a anuncis immobiliaris, guies de barris, eines de reubicació i pàgines de ciutats. Els visitants que toquin la puntuació accediran a l'informe complet de BuildingsScore.
Afegeix un marcador de posició allà on vulguis que aparegui la puntuació i carrega l'script una vegada per pàgina. Estableix les coordenades del lloc que vols puntuar:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Ja està. L'script substitueix el marcador per una targeta de puntuació i l'ajusta automàticament.
Aquest és exactament el widget que produeix el fragment anterior:
Dues formes mitjançant data-layout — vertical
(el predeterminat que es mostra a dalt, ideal per a barres laterals i targetes) i
horizontal, una franja ampla que s'adapta a la part superior
d'un anunci o a una fila d'amplada completa:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Configura el widget amb atributs data-* al marcador de posició:
| Atribut | Descripció |
|---|---|
data-lat / data-lng | Coordenades del lloc a puntuar. L'opció fiable sense geocodificació — utilitza-les quan les tinguis. |
data-address | Una adreça postal a puntuar (geocodificada si no passes lat/lng) i/o una etiqueta que es mostra a la targeta. |
data-layout | vertical (predeterminat, una targeta alta) o horizontal (una franja ampla — puntuació al costat d'una graella de dimensions compacta de dues columnes). |
data-theme | auto (predeterminat, segueix el sistema operatiu del visitant), light o dark. |
data-ref | L'etiqueta del teu lloc o campanya per a l'atribució. Per defecte, el teu domini. |
data-height | Alçada inicial en px abans que la targeta es mesuri (predeterminat 440). |
data-cta | Estableix a 0 per ocultar el botó "Veure l'informe complet". |
Renderitzes anuncis de manera dinàmica (desplaçament infinit, una SPA, resultats AJAX)? Després d'inserir nous marcadors de posició, crida a:
BuildingsScore.render();
Oblida't de l'script i incrusta el widget directament:
<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>
Amb l'script, la targeta s'ajusta automàticament al seu contingut; amb un iframe simple, tu mateix fixes l'alçada.
La puntuació, el botó i cada categoria obren l'informe complet i interactiu de BuildingsScore per a aquell lloc en una pestanya nova — de manera que la teva pàgina conserva el visitant mentre accedeix a la vista detallada. Mai no establim cookies de tercers al widget, i la puntuació es calcula als nostres servidors, de manera que la teva pàgina es manté ràpida.