Afișează un scor de locuibilitate în timp real pentru orice adresă pe propriile pagini — gratuit, responsiv și fără niciun pas de compilare. Perfect pentru anunțuri imobiliare, ghiduri de cartier, instrumente de relocare și pagini despre orașe. Vizitatorii care apasă pe scor ajung la raportul complet BuildingsScore.
Adaugă un marcator acolo unde dorești scorul, apoi încarcă scriptul o singură dată per pagină. Setează coordonatele locului pe care vrei să-l evaluezi:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Atât. Scriptul înlocuiește marcatorul cu un card de scor și îl redimensionează automat.
Acesta este exact widget-ul produs de fragmentul de mai sus:
Două forme prin data-layout — vertical
(forma implicită de mai sus, ideală pentru bare laterale și carduri) și
horizontal, un banner lat care se potrivește în partea de sus
a unui anunț sau pe un rând cu lățime completă:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Configurează widget-ul cu atribute data-* pe marcator:
| Atribut | Descriere |
|---|---|
data-lat / data-lng | Coordonatele locului de evaluat. Opțiunea fiabilă, fără căutări suplimentare — folosește-le când le ai. |
data-address | O adresă stradală de evaluat (geocodificată dacă nu furnizezi lat/lng) și/sau o etichetă afișată pe card. |
data-layout | vertical (implicit, un card înalt) sau horizontal (un banner lat — scorul alăturat unui grid compact cu două coloane de dimensiuni). |
data-theme | auto (implicit, urmează sistemul de operare al vizitatorului), light sau dark. |
data-ref | Eticheta site-ului/campaniei tale pentru atribuire. Implicit, domeniul tău. |
data-height | Înălțimea inițială în px înainte ca cardul să se auto-dimensioneze (implicit 440). |
data-cta | Setează la 0 pentru a ascunde butonul „Vezi raportul complet". |
Randezi anunțuri dinamic (scroll infinit, o SPA, rezultate AJAX)? După ce inserezi noi marcatoare, apelează:
BuildingsScore.render();
Renunță la script și încorporează widget-ul direct:
<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>
Cu scriptul, cardul se redimensionează automat la conținut; cu un iframe simplu, înălțimea o setezi tu.
Scorul, butonul și fiecare categorie deschid raportul complet și interactiv BuildingsScore pentru acel loc într-un tab nou — astfel pagina ta păstrează vizitatorul în timp ce acesta accesează vizualizarea detaliată. Nu setăm niciodată cookie-uri terțe în widget, iar scorul este calculat pe serverele noastre, astfel încât pagina ta rămâne rapidă.