Visa ett liveomdöme om livabilitet för valfri adress på dina egna sidor — gratis, responsivt och utan något byggsteg. Perfekt för fastighetsannonser, stadsdelsguidar, inflyttningsverktyg och stadssidor. Besökare som trycker på omdömet kommer till den fullständiga BuildingsScore-rapporten.
Lägg till en platshållare där du vill att omdömet ska visas och ladda sedan skriptet en gång per sida. Ange koordinaterna för den plats du vill bedöma:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Det är allt. Skriptet ersätter platshållaren med ett omdömeskort och anpassar storleken automatiskt.
Det är exakt den här widgeten som kodavsnittet ovan skapar:
Två former via data-layout — vertical
(standardvalet som visas ovan, perfekt för sidofält och kort) och
horizontal, en bred banderoll som passar överst i en annons eller
i en rad med full bredd:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Konfigurera widgeten med data-*-attribut på platshållaren:
| Attribut | Beskrivning |
|---|---|
data-lat / data-lng | Koordinater för den plats som ska bedömas. Det pålitliga alternativet utan sökning — använd dessa när du har dem. |
data-address | En gatuadress att bedöma (geokodas om du inte anger lat/lng) och/eller en etikett som visas på kortet. |
data-layout | vertical (standard, ett högt kort) eller horizontal (en bred banderoll — omdömet bredvid ett kompakt dimensionsrutnät i två kolumner). |
data-theme | auto (standard, följer besökarens OS), light eller dark. |
data-ref | Din webbplats-/kampanjetikett för attribution. Standardvärdet är din domän. |
data-height | Ursprunglig höjd i pixlar innan kortet mäter sig självt (standard 440). |
data-cta | Sätt till 0 för att dölja knappen "Se hela rapporten". |
Renderar du annonser dynamiskt (oändlig scroll, en SPA, AJAX-resultat)? Efter att du har infogat nya platshållare, anropa:
BuildingsScore.render();
Hoppa över skriptet och bädda in widgeten direkt:
<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 anpassar kortet sin storlek automatiskt efter innehållet; med en ren iframe anger du en fast höjd själv.
Omdömet, knappen och varje kategori öppnar den fullständiga, interaktiva BuildingsScore-rapporten för den platsen i en ny flik — så din sida behåller besökaren medan de tar del av den fördjupade vyn. Vi sätter aldrig tredjepartscookies i widgeten, och omdömet beräknas på våra servrar, så din sida förblir snabb.