మీ స్వంత పేజీలలో ఏ చిరునామాకైనా లైవ్ నివాసయోగ్యత స్కోర్ను చూపించండి — ఉచితంగా, రెస్పాన్సివ్గా మరియు ఎటువంటి బిల్డ్ స్టెప్ లేకుండా. ఆస్తి జాబితాలు, పొరుగు గైడ్లు, రిలొకేషన్ టూల్స్ మరియు సిటీ పేజీలకు అనుకూలంగా ఉంటుంది. స్కోర్ను నొక్కిన సందర్శకులు పూర్తి 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 నివేదికను కొత్త ట్యాబ్లో తెరుస్తాయి — తద్వారా సందర్శకుడు లోతైన వీక్షణ పొందుతున్నప్పుడు మీ పేజీ అతన్ని నిలుపుకుంటుంది. విడ్జెట్లో మేము ఎప్పుడూ థర్డ్-పార్టీ కుకీలు సెట్ చేయం, మరియు స్కోర్ మా సర్వర్లపై లెక్కించబడుతుంది, కాబట్టి మీ పేజీ వేగంగా ఉంటుంది.