Prikaži ocjenu ugodnosti za život uživo za bilo koju adresu na svojim stranicama — besplatno, responzivno i bez ikakvih koraka izgradnje. Savršeno za popise nekretnina, vodiče po četvrtima, alate za preseljenje i gradske stranice. Posjetitelji koji tapnu na ocjenu dolaze na potpuni BuildingsScore izvještaj.
Dodaj rezervno mjesto tamo gdje želiš ocjenu, zatim učitaj skriptu jednom po stranici. Postavi koordinate mjesta koje želiš ocijeniti:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
To je sve. Skripta zamjenjuje rezervno mjesto karticom s ocjenom i prilagođava joj veličinu.
Ovo je točno onaj widget koji gornji isječak proizvodi:
Dva oblika putem data-layout — vertical
(zadani prikazan gore, idealan za bočne trake i kartice) i
horizontal, široki baner koji odgovara vrhu popisa ili retku pune
širine:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Konfiguriraj widget s atributima data-* na rezervnom mjestu:
| Atribut | Opis |
|---|---|
data-lat / data-lng | Koordinate mjesta koje se ocjenjuje. Pouzdana opcija bez pretraživanja — koristi ih kad ih imaš. |
data-address | Ulična adresa za ocjenjivanje (geokodirana ako ne proslijediš lat/lng) i/ili oznaka prikazana na kartici. |
data-layout | vertical (zadano, visoka kartica) ili horizontal (široki baner — ocjena pored kompaktne mreže dimenzija u dva stupca). |
data-theme | auto (zadano, prati OS posjetitelja), light ili dark. |
data-ref | Tvoja oznaka stranice/kampanje za atribuciju. Zadano je tvoja domena. |
data-height | Početna visina u px prije nego što se kartica sama izmjeri (zadano 440). |
data-cta | Postavi na 0 kako bi sakrio gumb "Pogledaj cijeli izvještaj". |
Prikazuješ popise dinamički (beskonačno pomicanje, SPA, AJAX rezultati)? Nakon što umetneš nova rezervna mjesta, pozovi:
BuildingsScore.render();
Preskoči skriptu i ugradi widget izravno:
<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>
Sa skriptom kartica automatski mijenja veličinu prema sadržaju; s običnim iframeom sâm postavljaš fiksnu visinu.
Ocjena, gumb i svaka kategorija otvaraju potpuni, interaktivni BuildingsScore izvještaj za to mjesto u novoj kartici — tako tvoja stranica zadržava posjetitelja dok dobiva detaljniji pregled. Nikad ne postavljamo kolačiće trećih strana u widgetu, a ocjena se izračunava na našim poslužiteljima, pa tvoja stranica ostaje brza.