Tools einbinden Setze einen GetaBite-Rechner auf deinen Blog oder Guide. Jedes Widget behält eine kleine Zeile Made with GetaBite mit Link zur Tool-Seite.
Iframe-Code kopieren, ins CMS einfügen. Das Widget passt die Höhe per postMessage an. Keine Cookies im Widget. Umami zählt Aufrufe wie auf getabite.app.
Regeln für Einbindungen Eine Zeile Made with GetaBite mit normalem Link zur Tool-Seite ist immer sichtbar und nicht abschaltbar. Keine Cookies, keine Tracker, keine Drittanbieter-Aufrufe im Widget. Nur Umami-Seitenaufrufe, sparsam wie auf der Hauptseite. Das iframe meldet seine Höhe an die Elternseite. Der kopierte Code enthält einen kleinen Listener, damit der Rahmen mitwächst. Embed-URLs sind noindex und haben einen Canonical auf die Tool-Seite, damit sie nicht mit ihr konkurrieren. Einbettbare Tools Auf jeder Tool-Seite gibt es zusätzlich einen Konfigurator mit Sprache, Voreinstellung, Hell oder Dunkel und kopierbarem Code.
Beispiel: Protein-Rechner Diesen Code in einen Blogbeitrag einfügen. Die Vorschau darunter nutzt dieselbe URL.
<iframe
src="https://getabite.app/embed/protein?locale=de&food=lentils-cooked&target=50"
title="GetaBite Protein-Rechner"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>
Dieses Tool einbinden Sprache, Theme und Startwert wählen. Code kopieren und auf deiner Seite einfügen.
Der Link Made with GetaBite wird immer angezeigt und lässt sich nicht entfernen.
<iframe
src="https://getabite.app/embed/protein?locale=de&food=lentils-cooked&target=50"
title="GetaBite Protein-Rechner"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>Code kopieren Dieses Tool einbinden Sprache, Theme und Startwert wählen. Code kopieren und auf deiner Seite einfügen.
Der Link Made with GetaBite wird immer angezeigt und lässt sich nicht entfernen.
<iframe
src="https://getabite.app/embed/order-card?locale=de&language=greek&preset=vegan"
title="GetaBite Bestellkarte"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>Code kopieren Dieses Tool einbinden Sprache, Theme und Startwert wählen. Code kopieren und auf deiner Seite einfügen.
Der Link Made with GetaBite wird immer angezeigt und lässt sich nicht entfernen.
<iframe
src="https://getabite.app/embed/menu-words?locale=de&language=greek"
title="GetaBite Wörter auf der Karte"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>Code kopieren Dieses Tool einbinden Sprache, Theme und Startwert wählen. Code kopieren und auf deiner Seite einfügen.
Der Link Made with GetaBite wird immer angezeigt und lässt sich nicht entfernen.
<iframe
src="https://getabite.app/embed/fasting-calendar?locale=de&date=2026-09-22"
title="GetaBite Fastenkalender"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>Code kopieren Dieses Tool einbinden Sprache, Theme und Startwert wählen. Code kopieren und auf deiner Seite einfügen.
Der Link Made with GetaBite wird immer angezeigt und lässt sich nicht entfernen.
<iframe
src="https://getabite.app/embed/cities?locale=de&a=london&b=paris"
title="GetaBite Städtevergleich"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>Code kopieren Dieses Tool einbinden Sprache, Theme und Startwert wählen. Code kopieren und auf deiner Seite einfügen.
Der Link Made with GetaBite wird immer angezeigt und lässt sich nicht entfernen.
<iframe
src="https://getabite.app/embed/legume-cooking?locale=de&variety=chickpeas"
title="GetaBite Hülsenfrüchte kochen"
loading="lazy"
referrerpolicy="no-referrer-when-downgrade"
data-getabite-embed
style="width:100%;border:0;min-height:480px;height:480px;display:block;background:transparent"
></iframe>
<script>(function(){function r(e){if(!e||!e.data||e.data.source!=="getabite-embed"||e.data.type!=="height")return;var h=Number(e.data.height);if(!h||h<80)return;var list=document.querySelectorAll("iframe[data-getabite-embed]");for(var i=0;i<list.length;i++){var f=list[i];if(f.contentWindow===e.source){f.style.height=Math.ceil(h)+"px";break;}}}window.addEventListener("message",r);})();</script>Code kopieren FAQ
Welche Tools kann ich einbinden? Protein-Rechner, Bestellkarte, Wörter auf der Karte, Fastenkalender, Städtevergleich und Hülsenfrüchte-Kochrechner.
Schadet das iframe meiner SEO? Embed-Seiten sind noindex und setzen den Canonical auf die Tool-Seite. Deine Seite behält den Inhalt; das Widget setzt einen normalen Textlink zurück zu GetaBite.
Setzt ihr Cookies im Widget? Nein. Das Embed-Layout schreibt keine Cookies. Das Theme kommt aus der URL. Umami zählt nur einen Seitenaufruf, wenn konfiguriert.
Wie funktioniert die Höhe? Das Widget schickt seine Höhe an die Elternseite. Der kopierte Code hört darauf und setzt die iframe-Höhe. 
getabite