Уградите BuildingsScore на своју страницу

Прикажите уживо оцену живљивости за bilo коју адресу на сопственим страницама — бесплатно, прилагодљиво и без икаквог корака изградње. Идеално за огласе некретнина, водиче кроз кварт, алате за пресељење и странице о градовима. Посетиоци koji тапну на оцену доспевају до потпуног 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 (подразумевано, прати OS посетиоца), 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>

Са скриптом картица аутоматски мења величину prema садржају; уз обичан iframe сами постављате фиксну висину.

Како функционишу кликови

Оцена, дугме и свака категорија отварају потпуни, интерактивни BuildingsScore извештај за то место у новом табу — тако ваша страница задржава посетиоца dok он добија детаљнији приказ. У виџету никада не постављамо колачиће трећих страна, а оцена се израчунава на нашим серверима, тако да ваша страница остаје брза.