ਆਪਣੇ ਪੰਨਿਆਂ 'ਤੇ ਕਿਸੇ ਵੀ ਪਤੇ ਲਈ ਲਾਈਵ ਰਹਿਣਯੋਗਤਾ ਸਕੋਰ ਦਿਖਾਓ — ਮੁਫ਼ਤ, ਰਿਸਪੌਂਸਿਵ ਅਤੇ ਬਿਨਾਂ ਕਿਸੇ ਬਿਲਡ ਪੜਾਅ ਦੇ। ਜਾਇਦਾਦ ਲਿਸਟਿੰਗਾਂ, ਮੁਹੱਲਾ ਗਾਈਡਾਂ, ਰਿਲੋਕੇਸ਼ਨ ਟੂਲਾਂ ਅਤੇ ਸ਼ਹਿਰ ਪੰਨਿਆਂ ਲਈ ਵਧੀਆ। ਸਕੋਰ 'ਤੇ ਟੈਪ ਕਰਨ ਵਾਲੇ ਸੈਲਾਨੀ ਪੂਰੀ 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 ਰਿਪੋਰਟ ਨਵੀਂ ਟੈਬ ਵਿੱਚ ਖੋਲ੍ਹਦੇ ਹਨ — ਇਸ ਤਰ੍ਹਾਂ ਤੁਹਾਡਾ ਪੰਨਾ ਸੈਲਾਨੀ ਨੂੰ ਰੋਕੀ ਰੱਖਦਾ ਹੈ ਜਦੋਂ ਉਹ ਵਿਸਤ੍ਰਿਤ ਝਲਕ ਦੇਖਦੇ ਹਨ। ਅਸੀਂ ਵਿਜੇਟ ਵਿੱਚ ਕਦੇ ਤੀਜੀ-ਧਿਰ ਕੁਕੀਜ਼ ਨਹੀਂ ਲਾਉਂਦੇ, ਅਤੇ ਸਕੋਰ ਸਾਡੇ ਸਰਵਰਾਂ 'ਤੇ ਹਿਸਾਬ ਹੁੰਦਾ ਹੈ, ਇਸ ਲਈ ਤੁਹਾਡਾ ਪੰਨਾ ਤੇਜ਼ ਰਹਿੰਦਾ ਹੈ।