Kendi sayfalarınızda herhangi bir adres için canlı yaşanabilirlik puanı gösterin — ücretsiz, duyarlı ve sıfır derleme adımıyla. Emlak ilanları, mahalle rehberleri, taşınma araçları ve şehir sayfaları için mükemmel. Puanı tıklayan ziyaretçiler tam BuildingsScore raporuna yönlendirilir.
Puanın görünmesini istediğiniz yere bir yer tutucu ekleyin, ardından komut dosyasını sayfa başına bir kez yükleyin. Puanlamak istediğiniz konumun koordinatlarını belirleyin:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Hepsi bu kadar. Komut dosyası yer tutucuyu bir puan kartıyla değiştirir ve boyutunu otomatik olarak ayarlar.
Yukarıdaki snippet'in oluşturduğu widget tam olarak budur:
data-layout aracılığıyla iki biçim — vertical
(yukarıda gösterilen varsayılan, kenar çubukları ve kartlar için ideal) ve
horizontal, bir ilanın üstüne veya tam genişlikte bir satıra sığan
geniş bir banner:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Widget'ı yer tutucudaki data-* nitelikleriyle yapılandırın:
| Nitelik | Açıklama |
|---|---|
data-lat / data-lng | Puanlanacak konumun koordinatları. Arama gerektirmeyen güvenilir seçenek — bunlara sahipseniz kullanın. |
data-address | Puanlanacak bir sokak adresi (lat/lng geçmezseniz coğrafi kodlanır) ve/veya kartta gösterilen bir etiket. |
data-layout | vertical (varsayılan, uzun bir kart) veya horizontal (geniş bir banner — kompakt iki sütunlu boyut ızgarasının yanında puan). |
data-theme | auto (varsayılan, ziyaretçinin işletim sistemini takip eder), light veya dark. |
data-ref | İlişkilendirme için site/kampanya etiketiniz. Varsayılan olarak alan adınızdır. |
data-height | Kartın kendini ölçmeden önceki piksel cinsinden başlangıç yüksekliği (varsayılan 440). |
data-cta | "Tam raporu gör" düğmesini gizlemek için 0 olarak ayarlayın. |
İlanları dinamik olarak mı oluşturuyorsunuz (sonsuz kaydırma, SPA, AJAX sonuçları)? Yeni yer tutucuları ekledikten sonra şunu çağırın:
BuildingsScore.render();
Komut dosyasını atlayıp widget'ı doğrudan yerleştirin:
<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>
Komut dosyasıyla kart içeriğine göre otomatik yeniden boyutlanır; salt bir iframe ile sabit yüksekliği kendiniz belirlersiniz.
Puan, düğme ve her kategori, o konum için tam ve etkileşimli BuildingsScore raporunu yeni bir sekmede açar — böylece ziyaretçi daha derin görünümü alırken sayfanız onu elinde tutar. Widget'ta hiçbir zaman üçüncü taraf çerezleri ayarlamayız ve puan sunucularımızda hesaplanır, dolayısıyla sayfanız hızlı kalmaya devam eder.