Zum Inhalt springen
Namiru.ai
Registrieren

Füge KI-Chat zu deiner Website hinzu

Ein Script-Tag oder npm-Paket. Funktioniert mit jedem Framework.

HTML / JS
React / Angular / Vue
WordPress
Schritt 1

Agent erstellen

Registrieren, Agent erstellen und ihm dein Unternehmen beibringen, indem du deine Website crawlst oder Dateien hochlädst.

Schritt 2

Widget-Code kopieren

Nimm den 2-Zeilen-Embed-Code aus deinem Agent-Dashboard.

Schritt 3

Zur Seite hinzufügen

Füge den Script-Tag vor </body> in deinem HTML ein. Funktioniert auf jeder Website.

Schritt 4

Du bist live

KI-Kundensupport mit Lead-Erfassung und Gesprächsanalyse.

Lass deine KI Namiru installieren

Kopiere einen einzigen Befehl in deinen Coding-Assistenten. Er platziert das Widget in der richtigen globalen Datei.

  • Codex
  • Claude
  • Kimi
  • Muse
Dein Bot wird gesucht...

Schnellstart

Schritt 1: Script-Tag hinzufügen

Script-Tag hinzufügen
<!-- Add before closing </body> tag -->
<script src="https://namiru.ai/widget.js" data-agent-id="YOUR_AGENT_ID"></script>

Schritt 2: Widget initialisieren

Widget initialisieren
<!-- Optional: use this instead of the one-line tag when you need options -->
<script src="https://namiru.ai/widget.js"></script>
<script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
    position: "bottom-left",
  });
</script>

Konfiguration

Alle Konfigurationsoptionen für NamiruChat.init().

EigenschaftTypStandardBeschreibung
agentId*string-Deine Agent-ID aus dem Agent Builder Dashboard.
mode"button" | "inline""button"Anzeigemodus. "button" zeigt eine schwebende Chat-Blase; "inline" rendert direkt in einem Container.
containerHTMLElement-Ziel-Container-Element für den Inline-Modus. Erforderlich, wenn der Modus "inline" ist.
Das war's - alles andere ist direkt im Namiru.AI Dashboard konfigurierbar.

Events

Verifizierte Seitennavigation

Bevor das Widget eine verifizierte Website-Seite öffnet, löst es auf window ein abbrechbares namiru:navigate Event aus. Verhindere das Event, um innerhalb deiner App zu routen. Wird es nicht verhindert, öffnen Links derselben Website in der aktuellen obersten Seite, während Links zu anderen Websites oder eingebettete Links in einem neuen Tab geöffnet werden.

namiru:navigate
window.addEventListener("namiru:navigate", (event) => {
  // Optional: keep verified page links inside your single-page app.
  event.preventDefault();
  const target = new URL(event.detail.url);
  yourRouter.navigate(target.pathname + target.search + target.hash);
});

Anpassung

Passe das Branding im Agent Builder Dashboard unter Erscheinungsbild an. Das Widget lädt deine Einstellungen automatisch.

Button-Modus

Eine schwebende Chat-Blase in der Ecke deiner Seite. Besucher klicken, um das Chatfenster zu öffnen.

Button-Modus
<script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
    mode: "button",
    position: "bottom-right",
  });
</script>

Inline-Modus

Bette den Chat direkt in ein beliebiges Container-Element auf deiner Seite ein.

Inline-Modus
<div id="namiru-container" style="width: 400px; height: 600px;"></div>
<script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
    mode: "inline",
    container: document.getElementById("namiru-container"),
  });
</script>

FAQ

Bereit, KI-Chat auf deiner Seite hinzuzufügen?

Erstelle deinen Agenten im Agent Builder, passe ihn an und bette ihn in wenigen Minuten auf deiner Website ein.