Паказвайце жывую ацэнку прыдатнасці для жыцця для любога адраса на ўласных старонках — бясплатна, адаптыўна і без кроку зборкі. Ідэальна для аб'яў аб нерухомасці, даведнікаў па раёнах, інструментаў для перасялення і гарадскіх старонак. Наведвальнікі, якія націскаюць на ацэнку, трапляюць на поўны справаздачу 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 для гэтага месца ў новай укладцы — так ваша старонка ўтрымлівае наведвальніка, пакуль ён глядзіць падрабязны прагляд. Мы ніколі не ўсталёўваем у віджэт кукі трэціх бакоў, а ацэнка вылічваецца на нашых серверах, таму ваша старонка застаецца хуткай.