Notiamo in jede Website einbauen — Notiamo Integrationen

Handgeschriebenes HTML, ein Static-Site-Generator oder ein Framework wie Next.js oder Astro. Setzen Sie den Einbettungscode einmal in das gemeinsame Layout.

Wenn Sie den Code der Website in der Hand haben, ist das Widget eine Zeile in der Vorlage, die alle Seiten teilen.

Den Einbettungscode kopieren

Öffnen Sie in Notiamo Kunden, dann den Kunden, dann die Website. Klicken Sie in der Karte Einbettungscode auf den Kopier-Button. Die Zeile sieht so aus:

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

Prüfen Sie auf derselben Seite, dass jede Adresse, auf der die Website geprüft wird, etwa Staging und Produktion, unter Erlaubte Origins steht. Mehr dazu in Das Widget einbauen.

Einfaches HTML und Static-Site-Generatoren

Fügen Sie die Zeile direkt vor </body> in das gemeinsame Layout ein: die Basisvorlage, das Footer-Partial oder die index.html im Hauptordner. Mit defer lädt der Browser sie, ohne die Seite zu blockieren.

Hat die Website kein gemeinsames Layout, fügen Sie die Zeile in jede Seite ein.

Next.js

Next.js empfiehlt seine Komponente Script. Setzen Sie sie in das Root-Layout app/layout.tsx, damit sie einmal für alle Routen lädt. Zusätzliche Attribute wie data-site werden an den Script-Tag weitergegeben.

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>
  );
}

Lassen Sie Ihren KI-Agenten das machen

Bauen Sie die Website mit einem KI-Agenten, kopieren Sie den KI-Prompt von der Seite der Website in Notiamo und fügen Sie ihn in den Agenten ein. Er findet das richtige Layout, fügt den Einbettungscode ein und legt .notiamo.json an. Siehe die Anleitungen für KI-Agenten.

Prüfen, ob es funktioniert

Deployen Sie, dann öffnen Sie eine Seite mit ?review=1 am Ende der Adresse. Der Review-Button erscheint unten rechts. Falls nicht, lesen Sie Häufige Probleme lösen.

Dokumentation der Plattform

Schritte am 15. Oktober 2026 mit der offiziellen Dokumentation abgeglichen. Menüs ändern sich: Sehen Ihre anders aus, folgen Sie der offiziellen Seite.