तुमच्या स्वतःच्या पेजवर कोणत्याही पत्त्यासाठी लाइव्ह राहण्यायोग्यता स्कोर दाखवा — मोफत, रेस्पॉन्सिव्ह, आणि कोणताही बिल्ड स्टेप नाही. मालमत्ता यादी, शेजारी मार्गदर्शक, स्थलांतर साधने आणि शहराच्या पेजसाठी उत्तम. स्कोरवर टॅप करणारे अभ्यागत पूर्ण 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 अहवाल नवीन टॅबमध्ये उघडतात — त्यामुळे तुमचे पेज अभ्यागताला टिकवून ठेवते आणि त्यांना सखोल दृश्य मिळते. आम्ही विजेटमध्ये कधीही तृतीय-पक्ष कुकीज सेट करत नाही, आणि स्कोर आमच्या सर्व्हरवर गणना केला जातो, त्यामुळे तुमचे पेज वेगवान राहते.