Показуйте живу оцінку придатності для проживання для будь-якої адреси на своїх сторінках — безкоштовно, адаптивно і без жодного етапу збірки. Ідеально для оголошень про нерухомість, путівників по районах, інструментів для переїзду та міських сторінок. Відвідувачі, які натискають на оцінку, потрапляють на повний звіт BuildingsScore.
Додайте заповнювач там, де має з'явитися оцінка, а потім завантажте скрипт один раз на сторінку. Вкажіть координати місця, яке потрібно оцінити:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Ось і все. Скрипт замінює заповнювач карткою з оцінкою і автоматично підбирає розмір.
Саме цей віджет створює наведений вище сніпет:
Два варіанти через data-layout — vertical
(стандартний, показаний вище, ідеальний для бічних панелей і карток) і
horizontal, широкий банер, який вписується у верхню частину
оголошення або в рядок на всю ширину:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Налаштуйте віджет за допомогою атрибутів data-* на заповнювачі:
| Атрибут | Опис |
|---|---|
data-lat / data-lng | Координати місця для оцінки. Надійний варіант без пошуку — використовуйте, коли вони у вас є. |
data-address | Поштова адреса для оцінки (геокодується, якщо lat/lng не вказані) та/або підпис, що відображається на картці. |
data-layout | vertical (за замовчуванням, висока картка) або horizontal (широкий банер — оцінка поряд із компактною двоколонковою сіткою вимірів). |
data-theme | auto (за замовчуванням, відповідає системі відвідувача), light або dark. |
data-ref | Тег вашого сайту/кампанії для відстеження. За замовчуванням — ваш домен. |
data-height | Початкова висота в пікселях до того, як картка виміряє себе сама (за замовчуванням 440). |
data-cta | Встановіть 0, щоб приховати кнопку «Переглянути повний звіт». |
Рендерите оголошення динамічно (нескінченне прокручування, SPA, результати AJAX)? Після вставки нових заповнювачів викличте:
BuildingsScore.render();
Пропустіть скрипт і вбудуйте віджет напряму:
<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>
Зі скриптом картка автоматично підлаштовується під вміст; зі звичайним iframe ви самі задаєте фіксовану висоту.
Оцінка, кнопка і кожна категорія відкривають повний інтерактивний звіт BuildingsScore для цього місця в новій вкладці — так ваша сторінка утримує відвідувача, поки він переглядає детальну інформацію. Ми ніколи не встановлюємо сторонніх файлів cookie у віджеті, а оцінка обчислюється на наших серверах, тому ваша сторінка залишається швидкою.