Εμφανίστε μια ζωντανή βαθμολογία διαβιωσιμότητας για οποιαδήποτε διεύθυνση στις δικές σας σελίδες — δωρεάν, responsive και χωρίς κανένα βήμα μεταγλώττισης. Ιδανικό για αγγελίες ακινήτων, οδηγούς γειτονιών, εργαλεία μετεγκατάστασης και σελίδες πόλεων. Οι επισκέπτες που πατούν τη βαθμολογία μεταβαίνουν στην πλήρη αναφορά BuildingsScore.
Προσθέστε έναν κράτη θέσης εκεί που θέλετε να εμφανίζεται η βαθμολογία και φορτώστε το script μία φορά ανά σελίδα. Ορίστε τις συντεταγμένες του σημείου που θέλετε να βαθμολογηθεί:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Αυτό είναι όλο. Το script αντικαθιστά τον κράτη θέσης με μια κάρτα βαθμολογίας και την προσαρμόζει αυτόματα.
Αυτό είναι ακριβώς το widget που παράγει το παραπάνω απόσπασμα:
Δύο μορφές μέσω του data-layout — vertical
(η προεπιλογή που εμφανίζεται παραπάνω, ιδανική για πλαϊνές στήλες και κάρτες) και
horizontal, ένα φαρδύ banner που ταιριάζει στην κορυφή μιας
αγγελίας ή σε μια σειρά πλήρους πλάτους:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Ρυθμίστε το widget με χαρακτηριστικά data-* στον κράτη θέσης:
| Χαρακτηριστικό | Περιγραφή |
|---|---|
data-lat / data-lng | Συντεταγμένες του σημείου προς βαθμολόγηση. Η αξιόπιστη επιλογή χωρίς αναζήτηση — χρησιμοποιήστε τις όταν τις έχετε. |
data-address | Μια ταχυδρομική διεύθυνση για βαθμολόγηση (γεωκωδικοποιείται αν δεν περάσετε lat/lng) και/ή μια ετικέτα που εμφανίζεται στην κάρτα. |
data-layout | vertical (προεπιλογή, ψηλή κάρτα) ή horizontal (φαρδύ banner — βαθμολογία δίπλα σε έναν συμπαγή πλέγμα διαστάσεων δύο στηλών). |
data-theme | auto (προεπιλογή, ακολουθεί το λειτουργικό σύστημα του επισκέπτη), light ή dark. |
data-ref | Η ετικέτα ιστότοπου ή καμπάνιας για απόδοση. Προεπιλογή είναι ο τομέας σας. |
data-height | Αρχικό ύψος σε px πριν η κάρτα μετρήσει τον εαυτό της (προεπιλογή 440). |
data-cta | Ορίστε σε 0 για να αποκρύψετε το κουμπί "Δείτε την πλήρη αναφορά". |
Αποδίδετε αγγελίες δυναμικά (άπειρη κύλιση, SPA, αποτελέσματα AJAX); Αφού εισάγετε νέους κράτες θέσης, καλέστε:
BuildingsScore.render();
Παρακάμψτε το script και ενσωματώστε το widget απευθείας:
<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>
Με το script η κάρτα αλλάζει αυτόματα μέγεθος ανάλογα με το περιεχόμενό της· με ένα απλό iframe ορίζετε εσείς το σταθερό ύψος.
Η βαθμολογία, το κουμπί και κάθε κατηγορία ανοίγουν την πλήρη, διαδραστική αναφορά BuildingsScore για αυτό το σημείο σε νέα καρτέλα — έτσι η σελίδα σας διατηρεί τον επισκέπτη ενώ εκείνος βλέπει την αναλυτική προβολή. Δεν ορίζουμε ποτέ cookies τρίτων στο widget και η βαθμολογία υπολογίζεται στους διακομιστές μας, ώστε η σελίδα σας να παραμένει γρήγορη.