Vdelajte BuildingsScore na svojo spletno stran

Prikažite oceno bivalne kakovosti v živo za katerikoli naslov na lastnih straneh — brezplačno, odzivno in brez koraka gradnje. Odlično za oglase nepremičnin, vodiče po soseskah, orodja za selitev in strani o mestih. Obiskovalci, ki tapnejo oceno, pristanejo na celotnem poročilu BuildingsScore.

Dve vrstici HTML

Dodajte nadomestni element tam, kjer želite oceno, in enkrat na stran naložite skript. Nastavite koordinate mesta, ki ga želite oceniti:

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

To je vse. Skript zamenja nadomestni element s kartico z oceno in jo samodejno prilagodi velikosti.

Predogled v živo

To je natanko tisti pripomoček, ki ga zgornji odlomek ustvari:

Postavitve

Dve obliki prek data-layoutvertical (privzeta oblika, prikazana zgoraj, idealna za stranske vrstice in kartice) in horizontal, široka pasica, ki se prilega vrhu oglasa ali vrstici polne širine:

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

Možnosti

Konfigurirajte pripomoček z atributi data-* na nadomestnem elementu:

AtributOpis
data-lat / data-lngKoordinate mesta za ocenjevanje. Zanesljiva možnost brez iskanja — uporabite jih, ko jih imate.
data-addressUlični naslov za ocenjevanje (geokodiran, če ne podate lat/lng) in/ali oznaka, prikazana na kartici.
data-layoutvertical (privzeto, visoka kartica) ali horizontal (široka pasica — ocena ob kompaktni dvostolpčni mreži dimenzij).
data-themeauto (privzeto, sledi operacijskemu sistemu obiskovalca), light ali dark.
data-refOznaka vašega spletnega mesta/kampanje za pripisovanje. Privzeto vaša domena.
data-heightZačetna višina v px, preden se kartica samodejno izmeri (privzeto 440).
data-ctaNastavite na 0, da skrijete gumb »Oglej si celotno poročilo«.

Dodajanje pripomočkov po nalaganju strani

Upodabljate oglase dinamično (neskončno pomikanje, SPA, rezultati AJAX)? Ko vstavite nove nadomestne elemente, pokličite:

BuildingsScore.render();

Raje preprost iframe?

Obidite skript in vdelajte pripomoček neposredno:

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

S skriptom se kartica samodejno prilagodi vsebini; pri goli vdelavi iframe višino nastavite sami.

Kako delujejo kliki

Ocena, gumb in vsaka kategorija odprejo celotno interaktivno poročilo BuildingsScore za to mesto v novem zavihku — vaša stran tako obdrži obiskovalca, medtem ko si ogleduje podroben pogled. V pripomočku nikoli ne nastavljamo piškotkov tretjih oseb, ocena pa se izračuna na naših strežnikih, tako da vaša stran ostane hitra.