আপনার নিজের পেজে যেকোনো ঠিকানার লাইভ বাসযোগ্যতার স্কোর দেখান — বিনামূল্যে, রেসপন্সিভ এবং কোনো বিল্ড স্টেপ ছাড়াই। সম্পত্তির তালিকা, পাড়ার গাইড, স্থানান্তর সরঞ্জাম এবং শহরের পেজের জন্য আদর্শ। যে দর্শনার্থীরা স্কোরে ট্যাপ করেন তারা পূর্ণ 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 (ডিফল্ট, দর্শনার্থীর ওএস অনুসরণ করে), light, অথবা dark। |
data-ref | অ্যাট্রিবিউশনের জন্য আপনার সাইট/ক্যাম্পেইন ট্যাগ। ডিফল্টভাবে আপনার ডোমেইন। |
data-height | কার্ড নিজেই মাপার আগে পিক্সেলে প্রাথমিক উচ্চতা (ডিফল্ট 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 রিপোর্ট নতুন ট্যাবে খোলে — এতে আপনার পেজ দর্শনার্থীকে ধরে রাখে যখন তিনি বিস্তারিত দৃশ্য পান। আমরা উইজেটে কখনো তৃতীয় পক্ষের কুকি রাখি না, এবং স্কোর আমাদের সার্ভারে গণনা করা হয়, তাই আপনার পেজ দ্রুত থাকে।