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.

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.