Tampilkan skor kelayakan huni langsung untuk alamat apa pun di halamanmu — gratis, responsif, dan tanpa langkah build. Cocok untuk daftar properti, panduan lingkungan, alat relokasi, dan halaman kota. Pengunjung yang mengetuk skor akan langsung ke laporan BuildingsScore lengkap.
Tambahkan placeholder di tempat kamu ingin skor muncul, lalu muat skrip sekali per halaman. Atur koordinat lokasi yang ingin dinilai:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Hanya itu. Skrip mengganti placeholder dengan kartu skor dan menyesuaikan ukurannya secara otomatis.
Inilah persis widget yang dihasilkan oleh cuplikan di atas:
Dua bentuk melalui data-layout — vertical
(default seperti di atas, ideal untuk sidebar dan kartu) dan
horizontal, banner lebar yang cocok di bagian atas listing atau baris
lebar penuh:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Konfigurasikan widget dengan atribut data-* pada placeholder:
| Atribut | Deskripsi |
|---|---|
data-lat / data-lng | Koordinat lokasi yang akan dinilai. Opsi andal tanpa pencarian — gunakan ini jika sudah tersedia. |
data-address | Alamat jalan untuk dinilai (di-geocode jika tidak menyertakan lat/lng) dan/atau label yang ditampilkan di kartu. |
data-layout | vertical (default, kartu tinggi) atau horizontal (banner lebar — skor di samping grid dimensi dua kolom yang ringkas). |
data-theme | auto (default, mengikuti OS pengunjung), light, atau dark. |
data-ref | Tag situs/kampanye untuk atribusi. Default ke domainmu. |
data-height | Tinggi awal dalam px sebelum kartu mengukur dirinya sendiri (default 440). |
data-cta | Atur ke 0 untuk menyembunyikan tombol "Lihat laporan lengkap". |
Merender listing secara dinamis (infinite scroll, SPA, hasil AJAX)? Setelah menyisipkan placeholder baru, panggil:
BuildingsScore.render();
Lewati skrip dan sematkan widget langsung:
<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>
Dengan skrip, kartu secara otomatis menyesuaikan ukuran dengan kontennya; dengan iframe biasa kamu menetapkan tinggi tetap sendiri.
Skor, tombol, dan setiap kategori membuka laporan BuildingsScore lengkap dan interaktif untuk lokasi tersebut di tab baru — sehingga halamanmu mempertahankan pengunjung sementara mereka mendapatkan tampilan lebih mendalam. Kami tidak pernah menyetel cookie pihak ketiga di widget, dan skor dihitung di server kami, sehingga halamanmu tetap cepat.