Affichez un score de qualité de vie en direct pour n'importe quelle adresse sur vos propres pages — gratuitement, en mode adaptatif et sans étape de compilation. Idéal pour les annonces immobilières, les guides de quartier, les outils de déménagement et les pages de villes. Les visiteurs qui cliquent sur le score accèdent au rapport BuildingsScore complet.
Ajoutez un espace réservé là où vous souhaitez afficher le score, puis chargez le script une fois par page. Indiquez les coordonnées de l'emplacement à évaluer :
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
C'est tout. Le script remplace l'espace réservé par une carte de score et l'ajuste automatiquement.
Voici exactement le widget que produit l'extrait ci-dessus :
Deux formes disponibles via data-layout — vertical
(la forme par défaut illustrée ci-dessus, idéale pour les barres latérales et les cartes) et
horizontal, une bannière large qui s'adapte au haut d'une annonce ou
à une rangée pleine largeur :
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Configurez le widget avec les attributs data-* sur l'espace réservé :
| Attribut | Description |
|---|---|
data-lat / data-lng | Coordonnées de l'emplacement à évaluer. L'option fiable sans recherche supplémentaire — utilisez-les dès que vous les avez. |
data-address | Une adresse postale à évaluer (géocodée si vous ne fournissez pas de lat/lng) et/ou une étiquette affichée sur la carte. |
data-layout | vertical (par défaut, une carte haute) ou horizontal (une bannière large — score à côté d'une grille de dimensions compacte à deux colonnes). |
data-theme | auto (par défaut, suit le système d'exploitation du visiteur), light ou dark. |
data-ref | Votre balise de site/campagne pour l'attribution. Par défaut, votre domaine. |
data-height | Hauteur initiale en px avant que la carte se redimensionne elle-même (par défaut 440). |
data-cta | Mettre à 0 pour masquer le bouton « Voir le rapport complet ». |
Vous affichez des annonces de façon dynamique (défilement infini, SPA, résultats AJAX) ? Après avoir inséré de nouveaux espaces réservés, appelez :
BuildingsScore.render();
Ignorez le script et intégrez le widget directement :
<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>
Avec le script, la carte s'adapte automatiquement à son contenu ; avec un iframe simple, vous définissez vous-même une hauteur fixe.
Le score, le bouton et chaque catégorie ouvrent le rapport BuildingsScore complet et interactif pour cet emplacement dans un nouvel onglet — votre page conserve ainsi le visiteur pendant qu'il consulte la vue détaillée. Nous ne déposons jamais de cookies tiers dans le widget, et le score est calculé sur nos serveurs, ce qui permet à votre page de rester rapide.