ನಿಮ್ಮ ಸ್ವಂತ ಪುಟಗಳಲ್ಲಿ ಯಾವುದೇ ವಿಳಾಸಕ್ಕೆ ನೇರ ವಾಸಯೋಗ್ಯತೆ ಸ್ಕೋರ್ ತೋರಿಸಿ — ಉಚಿತ, ಹೊಂದಾಣಿಕೆಯ ಮತ್ತು ಯಾವುದೇ ಬಿಲ್ಡ್ ಹಂತವಿಲ್ಲದೆ. ಆಸ್ತಿ ಪಟ್ಟಿಗಳು, ನೆರೆಹೊರೆ ಮಾರ್ಗದರ್ಶಿಗಳು, ಸ್ಥಳಾಂತರ ಸಾಧನಗಳು ಮತ್ತು ನಗರ ಪುಟಗಳಿಗೆ ಸೂಕ್ತ. ಸ್ಕೋರ್ ಟ್ಯಾಪ್ ಮಾಡುವ ಸಂದರ್ಶಕರು ಸಂಪೂರ್ಣ 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 ವರದಿಯನ್ನು ಹೊಸ ಟ್ಯಾಬ್ನಲ್ಲಿ ತೆರೆಯುತ್ತದೆ — ಆದ್ದರಿಂದ ಸಂದರ್ಶಕರು ಆಳವಾದ ನೋಟ ಪಡೆಯುತ್ತಿರುವಾಗ ನಿಮ್ಮ ಪುಟ ಅವರನ್ನು ಉಳಿಸಿಕೊಳ್ಳುತ್ತದೆ. ವಿಜೆಟ್ನಲ್ಲಿ ನಾವು ಎಂದಿಗೂ ಮೂರನೇ ವ್ಯಕ್ತಿ ಕುಕೀಗಳನ್ನು ಹೊಂದಿಸುವುದಿಲ್ಲ, ಮತ್ತು ಸ್ಕೋರ್ ಅನ್ನು ನಮ್ಮ ಸರ್ವರ್ಗಳಲ್ಲಿ ಲೆಕ್ಕಹಾಕಲಾಗುತ್ತದೆ, ಆದ್ದರಿಂದ ನಿಮ್ಮ ಪುಟ ವೇಗವಾಗಿ ಉಳಿಯುತ್ತದೆ.