Zobrazte živé skóre obyvatelnosti pro libovolnou adresu přímo na svých stránkách — zdarma, responzivně a bez jakéhokoli buildu. Skvělé pro realitní inzeráty, průvodce čtvrtěmi, nástroje pro relokaci a stránky měst. Návštěvníci, kteří kliknou na skóre, přejdou na úplnou zprávu BuildingsScore.
Přidejte zástupný element tam, kde má skóre být, a jednou za stránku načtěte skript. Nastavte souřadnice místa, které chcete ohodnotit:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
To je vše. Skript nahradí zástupný element kartou se skóre a automaticky ji přizpůsobí velikosti.
Přesně takový widget výše uvedený kód vytvoří:
Dvě varianty prostřednictvím data-layout — vertical
(výchozí zobrazená výše, ideální pro postranní panely a karty) a
horizontal, široký banner vhodný do horní části inzerátu nebo
do řádku přes celou šířku:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Nakonfigurujte widget pomocí atributů data-* na zástupném elementu:
| Atribut | Popis |
|---|---|
data-lat / data-lng | Souřadnice místa k ohodnocení. Spolehlivá volba bez geokódování — použijte je, pokud je máte k dispozici. |
data-address | Poštovní adresa k ohodnocení (geokódována, pokud nezadáte lat/lng) a/nebo popisek zobrazený na kartě. |
data-layout | vertical (výchozí, vysoká karta) nebo horizontal (široký banner — skóre vedle kompaktní dvousloupcové mřížky dimenzí). |
data-theme | auto (výchozí, řídí se nastavením OS návštěvníka), light nebo dark. |
data-ref | Štítek vašeho webu nebo kampaně pro přiřazení. Výchozí je vaše doména. |
data-height | Počáteční výška v px, než se karta sama změří (výchozí 440). |
data-cta | Nastavte na 0, chcete-li skrýt tlačítko „Zobrazit úplnou zprávu". |
Renderujete inzeráty dynamicky (nekonečné posouvání, SPA, výsledky přes AJAX)? Po vložení nových zástupných elementů zavolejte:
BuildingsScore.render();
Vynechte skript a vložte widget přímo:
<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>
Se skriptem se karta automaticky přizpůsobí svému obsahu; s holým iframe výšku nastavujete sami.
Skóre, tlačítko i každá kategorie otevřou úplnou interaktivní zprávu BuildingsScore pro dané místo v nové záložce — vaše stránka si návštěvníka udrží, zatímco si prohlíží podrobnější pohled. Ve widgetu nikdy nenastavujeme cookies třetích stran a skóre se počítá na našich serverech, takže vaše stránka zůstane rychlá.