Вградете BuildingsScore в сайта си

Показвайте жива оценка за пригодност за живеене за всеки адрес на собствените си страници — безплатно, адаптивно и без стъпка за изграждане. Идеално за обяви за имоти, наръчници за квартали, инструменти за преместване и градски страници. Посетителите, натиснали върху оценката, попадат на пълния доклад на BuildingsScore.

Два реда HTML

Добавете заместител там, където искате да се появи оценката, след което заредете скрипта веднъж на страница. Задайте координатите на мястото, което искате да оцените:

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

Готово. Скриптът заменя заместителя с карточка за оценка и автоматично я оразмерява.

Жив преглед

Това е точно уиджетът, който горният фрагмент създава:

Оформления

Два вида чрез data-layoutvertical (стандартното, показано по-горе, идеално за странични ленти и карточки) и 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-layoutvertical (по подразбиране, висока карточка) или horizontal (широк банер — оценката до компактна двуколонна мрежа от измерения).
data-themeauto (по подразбиране, следва ОС на посетителя), light или dark.
data-refТагът на вашия сайт/кампания за приписване. По подразбиране — вашият домейн.
data-heightНачална височина в пиксели преди карточката да измери себе си (по подразбиране 440).
data-ctaЗадайте на 0, за да скриете бутона „Вижте пълния доклад".

Добавяне на уиджети след зареждане на страницата

Показвате обяви динамично (безкрайно превъртане, SPA, AJAX резултати)? След като вмъкнете нови заместители, извикайте:

BuildingsScore.render();

Предпочитате обикновен iframe?

Пропуснете скрипта и вградете уиджета директно:

<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 за това място в нов раздел — така страницата ви задържа посетителя, докато той разглежда подробния изглед. Никога не поставяме бисквитки на трети страни в уиджета, а оценката се изчислява на нашите сървъри, така че страницата ви остава бърза.