Zobrazujte živé skóre obyvateľnosti pre akúkoľvek adresu priamo na svojich stránkach — zadarmo, responzívne a bez akéhokoľvek kroku zostavenia. Skvelé pre realitné inzeráty, sprievodcov po štvrtiach, nástroje na sťahovanie a mestské stránky. Návštevníci, ktorí kliknú na skóre, sa dostanú na úplnú správu BuildingsScore.
Pridajte zástupný prvok tam, kde má skóre zobraziť, a načítajte skript raz na stránku. Nastavte súradnice miesta, ktoré chcete ohodnotiť:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
To je všetko. Skript nahradí zástupný prvok kartou so skóre a automaticky ju prispôsobí veľkosti.
Toto je presne ten widget, ktorý uvedený úryvok vytvára:
Dve formy cez data-layout — vertical
(predvolená forma zobrazená vyššie, ideálna pre bočné panely a karty) a
horizontal, široký banner vhodný pre hornú časť inzerátu alebo
riadok na celú šírku:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Nakonfigurujte widget pomocou atribútov data-* na zástupnom prvku:
| Atribút | Popis |
|---|---|
data-lat / data-lng | Súradnice miesta, ktoré sa má ohodnotiť. Spoľahlivá možnosť bez vyhľadávania — použite ich, keď ich máte k dispozícii. |
data-address | Ulicová adresa na ohodnotenie (geokódovaná, ak nezadáte lat/lng) a/alebo štítok zobrazený na karte. |
data-layout | vertical (predvolené, vysoká karta) alebo horizontal (široký banner — skóre vedľa kompaktnej dvojstĺpcovej mriežky dimenzií). |
data-theme | auto (predvolené, sleduje systém návštevníka), light alebo dark. |
data-ref | Značka vášho webu/kampane na účely priradenia. Predvolene vaša doména. |
data-height | Počiatočná výška v px pred automatickým zmeraním karty (predvolené 440). |
data-cta | Nastavte na 0, ak chcete skryť tlačidlo „Zobraziť úplnú správu". |
Renderujete inzeráty dynamicky (nekonečné rolovanie, SPA, výsledky AJAX)? Po vložení nových zástupných prvkov zavolajte:
BuildingsScore.render();
Zaobíďte sa bez skriptu a vložte widget priamo:
<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>
So skriptom sa karta automaticky prispôsobí obsahu; pri samotnom iframe si výšku nastavíte sami.
Skóre, tlačidlo a každá kategória otvoria úplnú interaktívnu správu BuildingsScore pre dané miesto na novej karte — vaša stránka si tak návštevníka udrží, kým si prezerá podrobný pohľad. V widgete nikdy nenastavujeme súbory cookie tretích strán a skóre sa vypočítava na našich serveroch, takže vaša stránka zostane rýchla.