Näytä reaaliaikainen asumisviihtyvyyspistemäärä mille tahansa osoitteelle omilla sivuillasi — ilmaiseksi, responsiivisesti ja ilman rakennusvaihetta. Erinomainen kiinteistöilmoituksiin, kaupunginosaoppaisiin, muuttotyökaluihin ja kaupunkisivuihin. Pisteitä napauttavat kävijät päätyvät täydelliseen BuildingsScore-raporttiin.
Lisää paikkamerkki sinne, missä haluat pistemäärän näkyvän, ja lataa skripti kerran per sivu. Aseta arvioitavan paikan koordinaatit:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Siinä kaikki. Skripti korvaa paikkamerkin pistemääräkortilla ja muuttaa sen kokoa automaattisesti.
Tämä on täsmälleen se widget, jonka yllä oleva koodinpätkä tuottaa:
Kaksi muotoa data-layout-attribuutilla — vertical
(yllä näytetty oletus, ihanteellinen sivupalkeille ja korteille) ja
horizontal, leveä banneri, joka sopii ilmoituksen yläosaan tai
täysleveään riviin:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Määritä widget data-*-attribuuteilla paikkamerkissä:
| Attribuutti | Kuvaus |
|---|---|
data-lat / data-lng | Arvioitavan paikan koordinaatit. Luotettava vaihtoehto ilman hakua — käytä näitä, kun sinulla on ne. |
data-address | Arvioitava katuosoite (geokoodataan, jos et anna lat/lng-arvoja) ja/tai kortilla näytettävä tunniste. |
data-layout | vertical (oletus, korkea kortti) tai horizontal (leveä banneri — pistemäärä kompaktin kaksipalstaisen dimensioruudukon vierellä). |
data-theme | auto (oletus, seuraa kävijän käyttöjärjestelmää), light tai dark. |
data-ref | Sivustosi/kampanjasi tunniste attribuointia varten. Oletuksena verkkotunnuksesi. |
data-height | Alkukorkeus pikseleinä ennen kuin kortti mittaa itsensä (oletus 440). |
data-cta | Aseta arvoksi 0 piilottaaksesi "Katso koko raportti" -painikkeen. |
Renderöitkö listauksia dynaamisesti (loputon vieritys, SPA, AJAX-tulokset)? Uusien paikkamerkkien lisäämisen jälkeen kutsu:
BuildingsScore.render();
Jätä skripti pois ja upota widget suoraan:
<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>
Skriptin avulla kortti muuttaa kokoaan automaattisesti sisällön mukaan; pelkällä iframe-kehyksellä määrität kiinteän korkeuden itse.
Pistemäärä, painike ja jokainen kategoria avaa täyden, interaktiivisen BuildingsScore-raportin kyseisestä paikasta uuteen välilehteen — joten sivusi pitää kävijän samalla kun hän saa syvemmän näkymän. Emme koskaan aseta kolmannen osapuolen evästeitä widgetissä, ja pistemäärä lasketaan palvelimillamme, joten sivusi pysyy nopeana.