Intégrer les outils

Ajoutez un calculateur GetaBite à votre blog ou guide. Chaque widget garde une ligne Made with GetaBite avec lien vers l’outil complet.

Copiez le code iframe, collez-le dans votre CMS. Le widget ajuste sa hauteur via postMessage. Pas de cookies dans le widget. Umami compte les pages vues comme sur getabite.app.

Règles d’intégration

  • Une ligne Made with GetaBite avec un lien normal vers l’outil est toujours visible et ne peut pas être masquée.
  • Pas de cookies, pas de trackers, pas d’appels tiers dans le widget. Seulement les pages vues Umami, aussi sobres que sur le site principal.
  • L’iframe envoie sa hauteur à la page parente. Le snippet copié inclut un écouteur pour que le cadre grandisse avec le contenu.
  • Les URL d’embed sont en noindex et ont un canonical vers la page outil pour ne pas lui faire concurrence.

Outils intégrables

Chaque page outil a aussi un configurateur avec langue, préréglage, clair ou sombre, et code à copier.

Exemple: calculateur de protéines

Collez ceci dans un article. L’aperçu ci-dessous utilise la même URL.

<iframe
  src="https://getabite.app/embed/protein?locale=fr&food=lentils-cooked&target=50"
  title="Calculateur de protéines GetaBite"
  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>

Intégrer cet outil

Choisissez langue, thème et valeur de départ. Copiez le code sur votre site.

Thème

Le lien Made with GetaBite est toujours affiché. Il ne peut pas être retiré.

<iframe
  src="https://getabite.app/embed/protein?locale=fr&food=lentils-cooked&target=50"
  title="Calculateur de protéines GetaBite"
  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>

Intégrer cet outil

Choisissez langue, thème et valeur de départ. Copiez le code sur votre site.

Thème

Le lien Made with GetaBite est toujours affiché. Il ne peut pas être retiré.

<iframe
  src="https://getabite.app/embed/order-card?locale=fr&language=greek&preset=vegan"
  title="Carte de commande GetaBite"
  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>

Intégrer cet outil

Choisissez langue, thème et valeur de départ. Copiez le code sur votre site.

Thème

Le lien Made with GetaBite est toujours affiché. Il ne peut pas être retiré.

<iframe
  src="https://getabite.app/embed/menu-words?locale=fr&language=greek"
  title="Mots de menu GetaBite"
  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>

Intégrer cet outil

Choisissez langue, thème et valeur de départ. Copiez le code sur votre site.

Thème

Le lien Made with GetaBite est toujours affiché. Il ne peut pas être retiré.

<iframe
  src="https://getabite.app/embed/fasting-calendar?locale=fr&date=2026-09-22"
  title="Calendrier de jeûne GetaBite"
  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>

Intégrer cet outil

Choisissez langue, thème et valeur de départ. Copiez le code sur votre site.

Thème

Le lien Made with GetaBite est toujours affiché. Il ne peut pas être retiré.

<iframe
  src="https://getabite.app/embed/cities?locale=fr&a=london&b=paris"
  title="Comparaison de villes GetaBite"
  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>

Intégrer cet outil

Choisissez langue, thème et valeur de départ. Copiez le code sur votre site.

Thème

Le lien Made with GetaBite est toujours affiché. Il ne peut pas être retiré.

<iframe
  src="https://getabite.app/embed/legume-cooking?locale=fr&variety=chickpeas"
  title="Temps de cuisson des légumineuses GetaBite"
  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>

FAQ

Quels outils puis-je intégrer ?
Calculateur de protéines, carte de commande, mots de menu, calendrier de jeûne, comparaison de villes et temps de cuisson des légumineuses.
L’iframe nuit-il à mon SEO ?
Les pages d’embed sont en noindex et pointent le canonical vers l’outil. Votre page garde le contenu; le widget ajoute un lien texte vers GetaBite.
Posez-vous des cookies dans le widget ?
Non. La mise en page d’embed n’écrit pas de cookies. Le thème vient de l’URL. Umami n’enregistre une page vue que s’il est configuré.
Comment marche la hauteur ?
Le widget envoie sa hauteur au parent. Le code copié écoute ce message et met à jour la hauteur de l’iframe.

Partager