Vis en levende trivselsskår for en hvilken som helst adresse på dine egne sider — gratis, responsivt og uten byggtrinn. Perfekt for boligannonser, nabolagsguider, flytteverktøy og bysider. Besøkende som trykker på skåren, kommer til den fullstendige BuildingsScore-rapporten.
Legg til en plassholder der du vil ha skåren, og last inn skriptet én gang per side. Angi koordinatene til stedet du vil vurdere:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Det er alt. Skriptet erstatter plassholderen med et skårkort og tilpasser størrelsen automatisk.
Dette er nøyaktig det widgeten som kodebiten ovenfor produserer:
To former via data-layout — vertical
(standard vist ovenfor, ideell for sidestolper og kort) og
horizontal, et bredt banner som passer øverst i en annonse eller
i en rad over full bredde:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Konfigurer widgeten med data-*-attributter på plassholderen:
| Attributt | Beskrivelse |
|---|---|
data-lat / data-lng | Koordinater for stedet som skal vurderes. Det pålitelige alternativet uten oppslag — bruk disse når du har dem. |
data-address | En gateadresse som skal vurderes (geokodes hvis du ikke oppgir lat/lng) og/eller en etikett som vises på kortet. |
data-layout | vertical (standard, et høyt kort) eller horizontal (et bredt banner — skår ved siden av et kompakt todelt dimensjonsrutenett). |
data-theme | auto (standard, følger besøkendes OS), light eller dark. |
data-ref | Ditt nettsted-/kampanjemerke for sporing. Standardverdi er domenet ditt. |
data-height | Starthøyde i px før kortet måler seg selv (standard 440). |
data-cta | Sett til 0 for å skjule knappen «Se full rapport». |
Viser du annonser dynamisk (uendelig rulling, en SPA, AJAX-resultater)? Etter at du har satt inn nye plasshold, kaller du:
BuildingsScore.render();
Hopp over skriptet og bygg inn widgeten 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 skriptet tilpasser kortet seg automatisk til innholdet; med en ren iframe angir du en fast høyde selv.
Skåren, knappen og hver kategori åpner den fullstendige, interaktive BuildingsScore-rapporten for det stedet i en ny fane — slik beholder siden din den besøkende mens de får den dypere visningen. Vi setter aldri tredjeparts informasjonskapsler i widgeten, og skåren beregnes på våre servere, slik at siden din forblir rask.