നിങ്ങളുടെ സ്വന്തം പേജുകളിൽ ഏത് വിലാസത്തിനും ലൈവ് ജീവിതനിലവാര സ്കോർ കാണിക്കുക — സൗജന്യം, റെസ്പോൺസീവ്, ബിൽഡ് സ്റ്റെപ്പ് ഇല്ല. പ്രോപ്പർട്ടി ലിസ്റ്റിംഗുകൾ, നയബർഹുഡ് ഗൈഡുകൾ, റിലൊക്കേഷൻ ടൂളുകൾ, സിറ്റി പേജുകൾ എന്നിവയ്ക്ക് ഏറ്റവും അനുയോജ്യം. സ്കോർ ടാപ്പ് ചെയ്യുന്ന സന്ദർശകർ പൂർണ്ണ 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>
സ്ക്രിപ്റ്റ് ഉപയോഗിക്കുമ്പോൾ കാർഡ് ഉള്ളടക്കത്തിനനുസരിച്ച് സ്വയം വലുപ്പം മാറ്റും; ഒരു bare iframe ഉപയോഗിക്കുമ്പോൾ നിങ്ങൾ തന്നെ ഉയരം നിശ്ചയിക്കണം.
സ്കോർ, ബട്ടൺ, ഓരോ കാറ്റഗറിയും ആ സ്ഥലത്തിന്റെ പൂർണ്ണ, ഇന്ററാക്ടീവ് BuildingsScore റിപ്പോർട്ട് ഒരു പുതിയ ടാബിൽ തുറക്കും — അങ്ങനെ നിങ്ങളുടെ പേജ് സന്ദർശകനെ നിലനിർത്തുന്നു, അവർ ആഴത്തിലുള്ള കാഴ്ച ലഭിക്കുകയും ചെയ്യുന്നു. ഞങ്ങൾ വിജറ്റിൽ ഒരിക്കലും തേർഡ്-പാർട്ടി കുക്കികൾ സ്ഥാപിക്കില്ല, സ്കോർ ഞങ്ങളുടെ സെർവറുകളിൽ കണക്കുകൂട്ടുന്നതിനാൽ നിങ്ങളുടെ പേജ് വേഗമേറിയതായി തുടരും.