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 appuient 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. Définissez 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 composant 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 convient 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 composant 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 quand 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 composant 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 — ainsi votre page conserve le visiteur pendant qu'il consulte la vue détaillée. Nous ne plaçons jamais de témoins tiers dans le composant, et le score est calculé sur nos serveurs, ce qui permet à votre page de rester rapide.