Preskoči na sadržaj

Dodajte AI chat na svoje web-stranice

Jedna script oznaka ili npm paket. Radi s bilo kojim frameworkom.

HTML / JS
React / Angular / Vue
WordPress
Korak 1

Izradite agenta

Registrirajte se, izradite agenta i naučite ga o svojem poslovanju pretraživanjem vaših stranica ili prijenosom datoteka.

Korak 2

Kopirajte kod widgeta

Uzmite isječak koda za ugradnju od dva retka iz nadzorne ploče agenta.

Korak 3

Dodajte na svoju stranicu

Zalijepite script oznaku prije </body> u svoj HTML. Radi na svakoj web-stranici.

Korak 4

Aktivni ste

AI korisnička podrška s prikupljanjem upita i analitikom razgovora.

Neka vaš AI instalira Namiru

Kopirajte jednu naredbu u svoj programerski asistent. On će widget smjestiti u pravu globalnu datoteku.

  • Codex
  • Claude
  • Kimi
  • Muse
Tražimo vašeg bota...

Brzi početak

Korak 1: Dodajte script oznaku

Dodajte script oznaku
<!-- Add before closing </body> tag -->
<script src="https://namiru.ai/widget.js" data-agent-id="YOUR_AGENT_ID"></script>

Korak 2: Pokrenite widget

Pokrenite widget
<!-- 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>

Konfiguracija

Sve mogućnosti konfiguracije za NamiruChat.init().

SvojstvoTipZadanoOpis
agentId*string-ID vašeg agenta iz nadzorne ploče Agent Buildera.
mode"button" | "inline""button"Način prikaza. "button" prikazuje plutajući chat balončić; "inline" iscrtava chat izravno u spremniku.
containerHTMLElement-Ciljni element spremnika za inline način. Obavezno kada je način postavljen na "inline".
To je sve - sve ostalo možete podesiti izravno u Namiru.AI nadzornoj ploči.

Događaji

Provjerena navigacija stranicama

Prije nego što widget otvori provjerenu stranicu web-mjesta, na objektu window šalje događaj namiru:navigate koji se može otkazati. Otkažite događaj kako biste usmjeravanje obavili unutar svoje aplikacije. Ako se ne otkaže, poveznice s istog web-mjesta otvaraju se u trenutačnoj glavnoj stranici, a vanjske ili ugrađene poveznice otvaraju se u novoj kartici.

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

Prilagodba

Izgled prilagodite u nadzornoj ploči Agent Buildera, u odjeljku Izgled. Widget vaše postavke dohvaća automatski.

Način s gumbom

Plutajući chat balončić u kutu vaše stranice. Posjetitelji ga kliknu i otvore prozor chata.

Način s gumbom
<script>
  NamiruChat.init({
    agentId: "YOUR_AGENT_ID",
    mode: "button",
    position: "bottom-right",
  });
</script>

Inline način

Ugradite chat izravno u bilo koji element spremnika na svojoj stranici.

Inline način
<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>

Česta pitanja

Spremni dodati AI chat na svoje stranice?

Izradite agenta u Agent Builderu, prilagodite ga i ugradite na svoje web-stranice u nekoliko minuta.