अपने पृष्ठों पर किसी भी पते के लिए लाइव लिवेबिलिटी स्कोर दिखाएं — मुफ़्त, रिस्पॉन्सिव, और बिना किसी बिल्ड स्टेप के। प्रॉपर्टी लिस्टिंग, नेबरहुड गाइड, रिलोकेशन टूल्स और सिटी पेजेज़ के लिए एकदम सही। स्कोर पर टैप करने वाले विज़िटर पूर्ण 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 (डिफ़ॉल्ट, विज़िटर के OS का अनुसरण करता है), light, या dark। |
data-ref | एट्रिब्यूशन के लिए आपका साइट/कैंपेन टैग। डिफ़ॉल्ट रूप से आपका डोमेन। |
data-height | कार्ड के स्वयं मापने से पहले px में प्रारंभिक ऊंचाई (डिफ़ॉल्ट 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 रिपोर्ट को एक नए टैब में खोलती है — ताकि विज़िटर गहरी जानकारी पाते समय आपका पेज उनके पास बना रहे। हम विजेट में कभी थर्ड-पार्टी कुकीज़ सेट नहीं करते, और स्कोर हमारे सर्वर पर कंप्यूट होता है, इसलिए आपका पेज तेज़ बना रहता है।