Dachschrägen-Rechner auf Ihrer Website einbinden

So binden Sie den Rechner ein

1. Code unten kopieren.
2. In Ihrer Seite an der gewünschten Stelle als HTML einfügen, zum Beispiel im WordPress-Block „Individuelles HTML“.
3. Speichern. Der Rechner lädt erst, wenn er in den sichtbaren Bereich scrollt.

<iframe src="https://wohnraum-rechner.de/einbinden/dachschraegen-rechner"
  title="Dachschrägen-Rechner von Wohnraum-Rechner"
  width="100%" height="720" loading="lazy"
  style="border:0; max-width:960px; display:block;"></iframe>
<p style="font-size:12px;">Rechner von <a href="https://wohnraum-rechner.de/dachschraegen-rechner">Wohnraum-Rechner</a></p>

Die Höhe von 720 px passt für Inhaltsspalten ab etwa 768 px Breite. In schmalen Spalten und auf dem Smartphone stehen Eingabe und Ergebnis untereinander, dann braucht der Rechner rund 1.100 px. Mit dem folgenden optionalen Skript passt sich die Höhe automatisch an:

<script>
window.addEventListener('message', function (e) {
  if (e.origin !== 'https://wohnraum-rechner.de' || !e.data || e.data.type !== 'wohnraum-rechner:height') return;
  document.querySelectorAll('iframe[src^="https://wohnraum-rechner.de/einbinden/"]').forEach(function (f) {
    if (f.contentWindow === e.source) f.style.height = e.data.height + 'px';
  });
});
</script>

Vorschau

Gut zu wissen

• Kostenlos und ohne Anmeldung. Sie brauchen kein Konto und keinen Schlüssel.
• Keine Cookies, kein Tracking. Der eingebettete Rechner setzt keine Cookies und lädt keine Analyse-Skripte. Er rechnet vollständig im Browser Ihrer Besucher, Eingaben werden nicht übertragen.
• Quellenangabe. Unter dem Rechner steht ein kleiner Hinweis „Rechner von Wohnraum-Rechner“. Die zusätzliche Zeile unter dem iframe-Code ist freiwillig, Sie können sie weglassen.
• Rechenmodell. Gleichmäßige Schräge vom Drempel bis zum First, Höhenstaffelung nach § 4 WoFlV (unter 1 m: 0 %, 1–2 m: 50 %, ab 2 m: 100 %), DIN 277 mit voller Grundfläche. Gauben und Nischen bildet der Rechner nicht ab.
• Ergebnis ist eine Orientierung. Eine vollständige Wohnflächenberechnung mit allen Räumen und PDF erstellen Sie mit dem Wohnflächenrechner auf unserer Website.