Vis en live livabilitetsscore for en hvilken som helst adresse på dine egne sider — gratis, responsiv og uden noget build-trin. Perfekt til boligopslag, kvarterguider, flytningsværktøjer og byguider. Besøgende, der trykker på scoren, lander på den fulde BuildingsScore-rapport.
Tilføj en pladsholder, hvor du vil have scoren vist, og indlæs scriptet én gang pr. side. Angiv koordinaterne for det sted, du vil have bedømt:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Det er alt. Scriptet erstatter pladsholderen med et scorekort og tilpasser det automatisk.
Dette er præcis det widget, som ovenstående kode producerer:
To former via data-layout — vertical
(standarden vist ovenfor, ideel til sidebarer og kort) og
horizontal, et bredt banner, der passer øverst i et opslag eller
i en fuldbredderække:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Konfigurer widgetten med data-*-attributter på pladsholderen:
| Attribut | Beskrivelse |
|---|---|
data-lat / data-lng | Koordinater for det sted, der skal bedømmes. Den pålidelige mulighed uden opslag — brug dem, når du har dem. |
data-address | En gadeadresse, der skal bedømmes (geokodes, hvis du ikke angiver lat/lng), og/eller en etiket, der vises på kortet. |
data-layout | vertical (standard, et højt kort) eller horizontal (et bredt banner — score ved siden af et kompakt todimensionalt dimensionsgitter). |
data-theme | auto (standard, følger den besøgendes styresystem), light eller dark. |
data-ref | Dit website- eller kampagnetag til attribution. Standardværdi er dit domæne. |
data-height | Starthøjde i px, før kortet måler sig selv (standard 440). |
data-cta | Sæt til 0 for at skjule knappen "Se den fulde rapport". |
Renderer du opslag dynamisk (uendelig scroll, en SPA, AJAX-resultater)? Kald følgende, efter du har indsat nye pladsholere:
BuildingsScore.render();
Spring scriptet over og integrer widgetten direkte:
<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>
Med scriptet tilpasser kortet sig automatisk til sit indhold; med en ren iframe angiver du selv en fast højde.
Scoren, knappen og hver kategori åbner den fulde, interaktive BuildingsScore-rapport for det pågældende sted i en ny fane — så din side beholder den besøgende, mens de får den dybere visning. Vi sætter aldrig tredjepartscookies i widgetten, og scoren beregnes på vores servere, så din side forbliver hurtig.