Si vous maîtrisez le code du site, le widget tient en une ligne dans le gabarit que partagent toutes les pages.

Copier le code d’intégration

Dans Notiamo, ouvrez Clients, puis le client, puis le site. Dans la carte Code d’intégration, cliquez sur le bouton de copie. La ligne ressemble à ceci :

<script src="https://my.notiamo.com/widget.js" data-site="pk_…" defer></script>

Vérifiez que chaque adresse où l’on relit le site, comme la préproduction et la production, figure dans les Origines autorisées sur la même page. Plus de détails dans Installer le widget.

HTML simple et générateurs de sites statiques

Collez la ligne juste avant </body>, dans la mise en page commune : le gabarit de base, le fragment de pied de page ou le index.html racine. Avec defer, le navigateur la charge sans bloquer la page.

Si le site n’a pas de mise en page commune, collez-la dans chaque page.

Next.js

Next.js recommande son composant Script. Placez-le dans la mise en page racine, app/layout.tsx, pour qu’il se charge une fois pour toutes les routes. Les attributs en plus, comme data-site, sont transmis à la balise script.

import Script from "next/script";

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="en">
      <body>{children}</body>
      <Script src="https://my.notiamo.com/widget.js" data-site="pk_…" />
    </html>
  );
}

Laissez faire votre agent IA

Si vous construisez le site avec un agent IA, copiez le Prompt IA depuis la page du site dans Notiamo et collez-le dans l’agent. Il trouve la bonne mise en page, ajoute le code d’intégration et crée .notiamo.json. Voyez les guides des agents IA.

Vérifier que cela marche

Déployez, puis ouvrez une page en ajoutant ?review=1 à la fin de son adresse. Le bouton de relecture apparaît en bas à droite. Sinon, voyez Résoudre les problèmes courants.

Documentation de la plateforme

Étapes vérifiées dans la documentation officielle le 15 octobre 2026. Les menus changent : s’ils diffèrent chez vous, suivez la page officielle.