Wyświetlaj na własnych stronach aktualny wskaźnik mieszkalności dla dowolnego adresu — bezpłatnie, responsywnie i bez żadnego kroku budowania. Świetnie sprawdzi się w ogłoszeniach nieruchomości, przewodnikach po dzielnicach, narzędziach relokacyjnych i stronach miejskich. Odwiedzający, którzy klikną wskaźnik, trafią na pełny raport BuildingsScore.
Dodaj element zastępczy tam, gdzie ma pojawić się wskaźnik, a następnie wczytaj skrypt raz na stronę. Ustaw współrzędne miejsca, które chcesz ocenić:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
To wszystko. Skrypt zastępuje element zastępczy kartą wskaźnika i automatycznie dopasowuje jej rozmiar.
Dokładnie taki widget generuje powyższy fragment kodu:
Dwa warianty za pomocą data-layout — vertical
(domyślny, widoczny powyżej, idealny do pasków bocznych i kart) oraz
horizontal, szeroki baner pasujący do górnej części ogłoszenia
lub pełnoszerokiego wiersza:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Skonfiguruj widget za pomocą atrybutów data-* na elemencie zastępczym:
| Atrybut | Opis |
|---|---|
data-lat / data-lng | Współrzędne miejsca do oceny. Niezawodna opcja bez wyszukiwania — używaj jej, gdy masz te dane. |
data-address | Adres ulicy do oceny (geokodowany, jeśli nie podasz lat/lng) i/lub etykieta wyświetlana na karcie. |
data-layout | vertical (domyślny, wysoka karta) lub horizontal (szeroki baner — wskaźnik obok zwartej dwukolumnowej siatki wymiarów). |
data-theme | auto (domyślny, zgodny z systemem operacyjnym odwiedzającego), light lub dark. |
data-ref | Tag Twojej witryny lub kampanii do atrybucji. Domyślnie Twoja domena. |
data-height | Początkowa wysokość w px, zanim karta zmierzy swoją zawartość (domyślnie 440). |
data-cta | Ustaw na 0, aby ukryć przycisk „Zobacz pełny raport". |
Renderujesz ogłoszenia dynamicznie (nieskończone przewijanie, SPA, wyniki AJAX)? Po wstawieniu nowych elementów zastępczych wywołaj:
BuildingsScore.render();
Pomiń skrypt i osadź widget bezpośrednio:
<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>
Przy skrypcie karta automatycznie dopasowuje rozmiar do zawartości; przy samym iframe ustalasz stałą wysokość samodzielnie.
Wskaźnik, przycisk i każda kategoria otwierają pełny, interaktywny raport BuildingsScore dla danego miejsca w nowej karcie — dzięki czemu Twoja strona zatrzymuje odwiedzającego, gdy przegląda szczegółowy widok. Nigdy nie ustawiamy w widgecie plików cookie stron trzecich, a wskaźnik jest obliczany na naszych serwerach, więc Twoja strona pozostaje szybka.