Manusta BuildingsScore oma saidile

Kuva oma lehtedel iga aadressi kohta reaalajas elukvaliteedi skoori — tasuta, kohanduv ja ilma ehitussammuta. Ideaalne kinnisvarakuulutuste, linnaosa juhendite, kolimistööriistade ja linnalehtede jaoks. Külastajad, kes skoori puudutavad, jõuavad täielikku BuildingsScore aruandesse.

Kaks rida HTML-i

Lisa kohatäide sinna, kuhu soovid skoori kuvada, ja laadi skript üks kord lehekülje kohta. Määra punkti koordinaadid, mida soovid hinnata:

<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div>
<script async src="https://buildingsscore.com/embed.js"></script>

See ongi kõik. Skript asendab kohatäite skoorikaardiga ja muudab selle suurust automaatselt.

Reaalajas eelvaade

See on täpselt see vidin, mille ülaltoodud kood loob:

Paigutused

Kaks kuju data-layout kaudu — vertical (ülal näidatud vaikimisi, ideaalne külgribade ja kaartide jaoks) ja horizontal, lai bänner, mis sobib kuulutuse ülaossa või täislaiusesse reasse:

<div data-buildingsscore data-layout="horizontal"
     data-lat="48.8584" data-lng="2.2945"></div>

Valikud

Seadista vidinat data-* atribuutidega kohatäitel:

Atribuut	Kirjeldus
`data-lat` / `data-lng`	Hinnatava koha koordinaadid. Usaldusväärne valik ilma otsinguta — kasuta neid, kui need on olemas.
`data-address`	Hinnatav tänavaadress (geokodeeritakse, kui lat/lng puudub) ja/või kaardil kuvatav silt.
`data-layout`	`vertical` (vaikimisi, kõrge kaart) või `horizontal` (lai bänner — skoor kompaktse kaheveergulise dimensioonivõrgu kõrval).
`data-theme`	`auto` (vaikimisi, järgib külastaja operatsioonisüsteemi), `light` või `dark`.
`data-ref`	Sinu saidi/kampaania silt omistamiseks. Vaikimisi sinu domeen.
`data-height`	Esialgne kõrgus pikslites enne, kui kaart end ise mõõdab (vaikimisi `440`).
`data-cta`	Määra `0`, et peita nupp "Vaata täielikku aruannet".

Vidinate lisamine pärast lehe laadimist

Kuvad kuulutusi dünaamiliselt (lõpmatu kerimine, SPA, AJAX-tulemused)? Pärast uute kohatäidete lisamist kutsu:

BuildingsScore.render();

Eelistad lihtsat iframe'i?

Jäta skript vahele ja manusta vidin otse:

<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>

Skriptiga muudab kaart oma suurust automaatselt; lihtsa iframe'iga määrad kõrguse ise.

Kuidas klõpsud toimivad

Skoor, nupp ja iga kategooria avavad selle koha täieliku interaktiivse BuildingsScore aruande uues vahekaardis — nii jääb külastaja sinu lehele, saades samal ajal põhjalikuma ülevaate. Me ei sea vidinasse kolmandate osapoolte küpsiseid ning skoor arvutatakse meie serverites, nii et sinu leht jääb kiirseks.