Toon een live leefbaarheidsscore voor elk adres op uw eigen pagina's — gratis, responsief en zonder bouwstap. Ideaal voor vastgoedaanbiedingen, buurtgidsen, verhuistools en stadspagina's. Bezoekers die op de score tikken, komen terecht op het volledige BuildingsScore-rapport.
Voeg een plaatshouder toe waar u de score wilt tonen, en laad het script eenmaal per pagina. Stel de coördinaten in van de locatie die u wilt beoordelen:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Dat is alles. Het script vervangt de plaatshouder door een scorekaart en past de grootte automatisch aan.
Dit is precies de widget die het bovenstaande fragment genereert:
Twee vormen via data-layout — vertical
(de hierboven getoonde standaard, ideaal voor zijbalken en kaarten) en
horizontal, een breed banner dat bovenaan een aanbieding
of in een rij over de volledige breedte past:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Configureer de widget met data-*-attributen op de plaatshouder:
| Attribuut | Beschrijving |
|---|---|
data-lat / data-lng | Coördinaten van de te beoordelen locatie. De betrouwbare optie zonder opzoeken — gebruik deze wanneer u ze hebt. |
data-address | Een te beoordelen straatadres (gegeocodeerd als u geen lat/lng opgeeft) en/of een label dat op de kaart wordt weergegeven. |
data-layout | vertical (standaard, een hoge kaart) of horizontal (een breed banner — score naast een compact tweekoloms dimensieraster). |
data-theme | auto (standaard, volgt het besturingssysteem van de bezoeker), light of dark. |
data-ref | Uw site- of campagnetag voor attributie. Standaard uw domein. |
data-height | Beginhoogte in px voordat de kaart zichzelf opmeet (standaard 440). |
data-cta | Stel in op 0 om de knop "Volledig rapport bekijken" te verbergen. |
Rendert u aanbiedingen dynamisch (oneindige scroll, een SPA, AJAX-resultaten)? Nadat u nieuwe plaatshouders heeft ingevoegd, roept u aan:
BuildingsScore.render();
Sla het script over en sluit de widget direct in:
<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>
Met het script past de kaart zijn grootte automatisch aan de inhoud aan; met een kaal iframe stelt u zelf een vaste hoogte in.
De score, de knop en elke categorie openen het volledige, interactieve BuildingsScore-rapport voor die locatie in een nieuw tabblad — zo behoudt uw pagina de bezoeker terwijl ze het gedetailleerde overzicht krijgen. We plaatsen nooit cookies van derden in de widget, en de score wordt berekend op onze servers, zodat uw pagina snel blijft.