اپنے صفحات پر کسی بھی پتے کے لیے لائیو رہائشی اسکور دکھائیں — مفت، ریسپانسو، اور بغیر کسی بلڈ مرحلے کے۔ پراپرٹی لسٹنگز، محلہ گائیڈز، نقل مکانی کے ٹولز اور شہری صفحات کے لیے بہترین۔ اسکور پر ٹیپ کرنے والے وزیٹرز BuildingsScore کی مکمل رپورٹ پر پہنچتے ہیں۔
جہاں اسکور ظاہر کرنا ہو وہاں ایک پلیس ہولڈر شامل کریں، پھر اسکرپٹ کو فی صفحہ ایک بار لوڈ کریں۔ جس جگہ کا اسکور چاہیے اس کے کوآرڈینیٹس متعین کریں:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
بس یہی کافی ہے۔ اسکرپٹ پلیس ہولڈر کو اسکور کارڈ سے بدل دیتا ہے اور خودبخود سائز درست کرتا ہے۔
اوپر دیا گیا snippet بالکل یہی وجیٹ بناتا ہے:
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 سیٹ کریں۔ |
لسٹنگز ڈائنامک رینڈر ہو رہی ہیں (infinite scroll، 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 رپورٹ نئے ٹیب میں کھولتے ہیں — اس طرح آپ کا صفحہ وزیٹر کو اپنے پاس رکھتا ہے جب کہ وہ گہری معلومات حاصل کرتا ہے۔ ہم وجیٹ میں کبھی تھرڈ پارٹی کوکیز سیٹ نہیں کرتے، اور اسکور ہمارے سرورز پر حساب ہوتا ہے، اس لیے آپ کا صفحہ تیز رہتا ہے۔