Paparkan skor kebolehdiaman langsung untuk mana-mana alamat di halaman anda sendiri — percuma, responsif, dan tanpa langkah pembinaan. Sesuai untuk penyenaraian hartanah, panduan kejiranan, alat perpindahan, dan halaman bandar. Pelawat yang mengetuk skor akan dibawa ke laporan BuildingsScore yang lengkap.
Tambah ruang tempahan di mana anda mahu skor dipaparkan, kemudian muatkan skrip sekali setiap halaman. Tetapkan koordinat lokasi yang ingin anda nilaikan:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Itu sahaja. Skrip menggantikan ruang tempahan dengan kad skor dan mengubah saiznya secara automatik.
Inilah widget yang dihasilkan oleh petikan kod di atas:
Dua bentuk melalui data-layout — vertical
(lalai seperti yang ditunjukkan di atas, sesuai untuk bar sisi dan kad) dan
horizontal, sepanduk lebar yang sesuai di bahagian atas
penyenaraian 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 ruang tempahan:
| Atribut | Penerangan |
|---|---|
data-lat / data-lng | Koordinat lokasi yang ingin dinilaikan. Pilihan yang boleh dipercayai tanpa carian — gunakan apabila anda memilikinya. |
data-address | Alamat jalan untuk dinilaikan (dikod geo jika anda tidak memberikan lat/lng) dan/atau label yang dipaparkan pada kad. |
data-layout | vertical (lalai, kad tinggi) atau horizontal (sepanduk lebar — skor di sebelah grid dimensi dua lajur yang padat). |
data-theme | auto (lalai, mengikut OS pelawat), light, atau dark. |
data-ref | Tag laman/kempen anda untuk atribusi. Lalainya domain anda. |
data-height | Ketinggian awal dalam px sebelum kad mengukur dirinya sendiri (lalai 440). |
data-cta | Tetapkan kepada 0 untuk menyembunyikan butang "Lihat laporan penuh". |
Memaparkan penyenaraian secara dinamik (tatal tanpa had, SPA, keputusan AJAX)? Selepas anda memasukkan ruang tempahan baru, panggil:
BuildingsScore.render();
Langkau skrip dan benam widget secara terus:
<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, kad mengubah saiz secara automatik mengikut kandungan; dengan iframe semata-mata, anda menetapkan ketinggian sendiri.
Skor, butang, dan setiap kategori membuka laporan BuildingsScore yang lengkap dan interaktif untuk lokasi tersebut dalam tab baharu — halaman anda mengekalkan pelawat sementara mereka mendapat paparan yang lebih mendalam. Kami tidak pernah menetapkan kuki pihak ketiga dalam widget, dan skor dikira di pelayan kami, jadi halaman anda kekal pantas.