ଆପଣଙ୍କ ନିଜ ପୃଷ୍ଠାଗୁଡ଼ିକରେ ଯେକୌଣସି ଠିକଣା ପାଇଁ ଏକ ଲାଇଭ୍ ବାସଯୋଗ୍ୟତା ସ୍କୋର ଦେଖାନ୍ତୁ — ମାଗଣା, ରେସ୍ପନ୍ସିଭ୍ ଏବଂ ବିନା ବିଲ୍ଡ ପଦକ୍ଷେପରେ। ସମ୍ପତ୍ତି ତାଲିକା, ଅଞ୍ଚଳ ଗାଇଡ୍, ସ୍ଥାନାନ୍ତର ଉପକରଣ ଏବଂ ସହର ପୃଷ୍ଠା ପାଇଁ ଅତ୍ୟନ୍ତ ଉପଯୁକ୍ତ। ସ୍କୋରରେ ଟ୍ୟାପ୍ କରୁଥିବା ଦର୍ଶନାର୍ଥୀମାନେ ସମ୍ପୂର୍ଣ୍ଣ 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 ରିପୋର୍ଟ ଏକ ନୂଆ ଟ୍ୟାବ୍ରେ ଖୋଲେ — ଫଳରେ ଆପଣଙ୍କ ପୃଷ୍ଠା ଦର୍ଶନାର୍ଥୀଙ୍କୁ ଧରି ରଖୁଥିବା ବେଳେ ସେ ଗଭୀର ଦୃଶ୍ୟ ପାଆନ୍ତି। ଆମେ ୱିଜେଟ ଭିତରେ ତୃତୀୟ-ପକ୍ଷ କୁକି ସ୍ଥାପନ କରୁ ନାହୁଁ, ଏବଂ ସ୍କୋର ଆମ ସର୍ଭରରେ ଗଣନା ହୁଏ, ଫଳରେ ଆପଣଙ୍କ ପୃଷ୍ଠା ଦ୍ରୁତ ରହେ।