Mostra un punteggio di vivibilità in tempo reale per qualsiasi indirizzo sulle tue pagine — gratuito, responsivo e senza alcun processo di compilazione. Ideale per annunci immobiliari, guide ai quartieri, strumenti per i trasferimenti e pagine sulle città. I visitatori che toccano il punteggio vengono portati al report completo di BuildingsScore.
Aggiungi un segnaposto dove vuoi visualizzare il punteggio, poi carica lo script una volta per pagina. Imposta le coordinate del luogo da valutare:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Tutto qui. Lo script sostituisce il segnaposto con una scheda punteggio e la ridimensiona automaticamente.
Questo è esattamente il widget prodotto dallo snippet qui sopra:
Due forme tramite data-layout — vertical
(il formato predefinito mostrato sopra, ideale per barre laterali e schede) e
horizontal, un banner largo che si adatta alla parte superiore
di un annuncio o a una riga a tutta larghezza:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Configura il widget con gli attributi data-* sul segnaposto:
| Attributo | Descrizione |
|---|---|
data-lat / data-lng | Coordinate del luogo da valutare. L'opzione affidabile che non richiede ricerche — usala quando le hai. |
data-address | Un indirizzo da valutare (geolocalizzato se non fornisci lat/lng) e/o un'etichetta mostrata sulla scheda. |
data-layout | vertical (predefinito, una scheda alta) o horizontal (un banner largo — punteggio affiancato a una griglia compatta a due colonne). |
data-theme | auto (predefinito, segue il sistema operativo del visitatore), light o dark. |
data-ref | Il tag del tuo sito/campagna per l'attribuzione. Il valore predefinito è il tuo dominio. |
data-height | Altezza iniziale in px prima che la scheda si misuri da sola (predefinito 440). |
data-cta | Imposta su 0 per nascondere il pulsante "Vedi il report completo". |
Stai generando annunci dinamicamente (scroll infinito, una SPA, risultati AJAX)? Dopo aver inserito nuovi segnaposto, chiama:
BuildingsScore.render();
Salta lo script e incorpora il widget direttamente:
<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 lo script la scheda si ridimensiona automaticamente al suo contenuto; con un iframe puro imposti tu stesso un'altezza fissa.
Il punteggio, il pulsante e ogni categoria aprono il report completo e interattivo di BuildingsScore per quel luogo in una nuova scheda — così la tua pagina mantiene il visitatore mentre lui accede alla vista approfondita. Non impostiamo mai cookie di terze parti nel widget, e il punteggio viene calcolato sui nostri server, quindi la tua pagina rimane veloce.