Embed

Numera-Rechner auf deiner Website einbinden – kostenlos

Wähle einen Rechner, kopiere den Code, fertig. Kein Account, keine Cookies, kein Tracking deiner Besucher. Auto-resize per postMessage, dunkles und helles Theme, passende Akzentfarbe.

1. Rechner wählen

Ertrag, Eigenverbrauch und Amortisation für Mini-PV.

2. Theme

Akzentfarbe (optional, Hex ohne #)

3. Höhe

Empfehlung: Auto mit dem Listener-Snippet unten – das Embed resized sich dann passgenau zum Inhalt.

4. Iframe-Code

<iframe
  src="https://numeravision.com/embed/balkonkraftwerk-rechner"
  width="100%"
  style="border:0;height:1400px;max-width:100%"
  loading="lazy"
  title="Balkonkraftwerk Rechner"
  referrerpolicy="strict-origin-when-cross-origin"
></iframe>

5. Optional: Auto-Resize-Listener

<script>
(function () {
  window.addEventListener('message', function (e) {
    if (!e.data || e.data.source !== 'numera-vision') return;
    if (e.data.type !== 'numera-resize') return;
    var iframes = document.querySelectorAll('iframe[src^="https://numeravision.com/embed/"]');
    iframes.forEach(function (f) {
      if (f.contentWindow === e.source && typeof e.data.height === 'number') {
        f.style.height = e.data.height + 'px';
      }
    });
  });
})();
</script>

Einmal vor dem schließenden </body> deiner Seite einfügen. Funktioniert für alle Numera-Embeds auf der Seite gleichzeitig.

Live-Vorschau

So sieht der Rechner auf deiner Seite aus. Bei Änderung von Tool, Theme oder Akzent wird die Vorschau live neu geladen.

Für Gemeinden: Ortsprofil einbinden

Die wichtigsten Zahlen eines Orts – jede mit Quelle und Stand – als kleiner Kasten für die eigene Website. Kostenlos, ohne Tracking deiner Besucher. Den Ortsnamen in der Adresse ersetzen (wie auf unseren Stadtseiten, z. B. frankfurt-am-main).

<iframe src="https://numeravision.com/embed/ort/kassel" title="Ortsprofil von Numera" width="100%" height="260" style="border:0" loading="lazy"></iframe>

Numera nimmt kein Geld von Gemeinden für Sichtbarkeit; das Profil ist für jeden Ort gleich gebaut.

Branding entfernen?

Der Footer „Powered by Numera Vision“ bleibt im kostenlosen Embed sichtbar. Für kommerzielle Lösungen mit white-labeled Embed (eigenes Logo, eigene Farbe, kein Backlink) gibt es eine Premium-Lizenz auf Anfrage.

Premium-Lizenz anfragen

Häufige Fragen & Antworten

Alles, was du zu diesem Thema wissen musst.

Sehr sicher. Wir setzen Content-Security-Policy: frame-ancestors * und entkoppeln das Embed komplett von Cookies, localStorage und Analytics. Keine externen API-Calls, keine User-Daten verlassen den Browser deines Besuchers außer der anonymen Embed-Statistik (Tool-Slug + Domain).

Ja. Per Query-Parameter ?theme=light|dark|auto und ?primary=2563eb (Hex ohne #). Ohne Parameter folgt das Embed dem System-Theme deines Besuchers (prefers-color-scheme).

Nichts. Die Embeds sind kostenfrei mit Backlink-Footer „Powered by Numera Vision" nutzbar. Wer die Marke entfernen möchte, kann die Premium-Lizenz anfragen.

Nein. Das Embed setzt keine Cookies und schreibt nicht in localStorage. Du brauchst auf deiner Seite kein zusätzliches Cookie-Banner für unser Tool. Wenn du den Tracking-Beacon explizit unterbinden willst, blockiere numeravision.com/api/embed/track in deiner CSP.

Ja. Das Embed sendet seine aktuelle Höhe per postMessage an dein Fenster. Nutze das mitgelieferte Listener-Snippet (siehe Generator) und der Iframe wächst/schrumpft mit dem Inhalt.

Aktuell 25 Rechner aus den Bereichen Solar, Heizung, Mobilität, Haushalt, Investment und Immobilien. Die Liste wächst.