Zeigen Sie auf Ihren eigenen Seiten eine Live-Wohnqualitäts-Bewertung für jede Adresse — kostenlos, responsiv und ohne Build-Schritt. Ideal für Immobilienanzeigen, Stadtteil-Guides, Umzugs-Tools und Städteseiten. Besucher, die auf die Bewertung tippen, gelangen zum vollständigen BuildingsScore-Bericht.
Fügen Sie dort einen Platzhalter ein, wo die Bewertung erscheinen soll, und laden Sie das Skript einmal pro Seite. Legen Sie die Koordinaten des zu bewertenden Orts fest:
<div data-buildingsscore data-lat="48.8584" data-lng="2.2945"></div> <script async src="https://buildingsscore.com/embed.js"></script>
Das war's. Das Skript ersetzt den Platzhalter durch eine Bewertungskarte und passt deren Größe automatisch an.
Genau dieses Widget erzeugt das obige Snippet:
Zwei Formen über data-layout — vertical
(die oben gezeigte Standardform, ideal für Seitenleisten und Karten) und
horizontal, ein breites Banner, das an den oberen Rand einer
Anzeige oder in eine Zeile über die volle Breite passt:
<div data-buildingsscore data-layout="horizontal"
data-lat="48.8584" data-lng="2.2945"></div>
Konfigurieren Sie das Widget mit data-*-Attributen am Platzhalter:
| Attribut | Beschreibung |
|---|---|
data-lat / data-lng | Koordinaten des zu bewertenden Orts. Die zuverlässige Option ohne Nachschlagen — verwenden Sie sie, wenn Sie sie haben. |
data-address | Eine zu bewertende Straßenadresse (wird geokodiert, wenn Sie kein lat/lng angeben) und/oder eine auf der Karte angezeigte Beschriftung. |
data-layout | vertical (Standard, eine hohe Karte) oder horizontal (ein breites Banner — Bewertung neben einem kompakten zweispaltigen Dimensionsraster). |
data-theme | auto (Standard, folgt dem Betriebssystem des Besuchers), light oder dark. |
data-ref | Ihr Website-/Kampagnen-Tag zur Zuordnung. Standardmäßig Ihre Domain. |
data-height | Anfangshöhe in px, bevor sich die Karte selbst vermisst (Standard 440). |
data-cta | Auf 0 setzen, um die Schaltfläche „Vollständigen Bericht ansehen“ auszublenden. |
Sie rendern Anzeigen dynamisch (Infinite Scroll, eine SPA, AJAX-Ergebnisse)? Nachdem Sie neue Platzhalter eingefügt haben, rufen Sie auf:
BuildingsScore.render();
Verzichten Sie auf das Skript und betten Sie das Widget direkt ein:
<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>
Mit dem Skript passt die Karte ihre Größe automatisch an den Inhalt an; bei einem reinen iframe legen Sie die Höhe selbst fest.
Die Bewertung, die Schaltfläche und jede Kategorie öffnen den vollständigen, interaktiven BuildingsScore-Bericht für diesen Ort in einem neuen Tab — so behält Ihre Seite den Besucher, während er die ausführliche Ansicht erhält. Wir setzen im Widget niemals Cookies von Drittanbietern, und die Bewertung wird auf unseren Servern berechnet, sodass Ihre Seite schnell bleibt.