Preskoči na vsebino

Dodajte AI klepet na svojo spletno stran

Ena skriptna oznaka ali paket npm. Deluje s katerim koli ogrodjem.

HTML / JS
React / Angular / Vue
WordPress
Korak 1

Ustvarite agenta

Registrirajte se, ustvarite agenta in ga naučite o svojem podjetju s pregledom vaše spletne strani ali z nalaganjem datotek.

Korak 2

Kopirajte kodo widgeta

Z nadzorne plošče agenta vzemite 2-vrstično kodo za vdelavo.

Korak 3

Dodajte na svojo stran

Skriptno oznako prilepite pred </body> v svoj HTML. Deluje na kateri koli spletni strani.

Korak 4

Ste aktivni

AI podpora strankam z zbiranjem povpraševanj in analitiko pogovorov.

Naj Namiru namesti vaš AI

En sam ukaz kopirajte v svojega programerskega asistenta. Widget bo postavil v pravo globalno datoteko.

  • Codex
  • Claude
  • Kimi
  • Muse
Iščemo vašega bota...

Hitri začetek

1. korak: Dodajte skriptno oznako

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

2. korak: Inicializirajte widget

Inicializirajte 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

Vse konfiguracijske možnosti za NamiruChat.init().

LastnostTipPrivzetoOpis
agentId*string-ID vašega agenta z nadzorne plošče Agent Builder.
mode"button" | "inline""button"Način prikaza. "button" prikaže plavajoč mehurček za klepet, "inline" pa se izriše neposredno v vsebniku.
containerHTMLElement-Ciljni element vsebnika za vdelani način. Obvezno, kadar je način "inline".
To je vse - vse ostalo nastavite neposredno v Namiru.AI nadzorni plošči.

Dogodki

Preverjena navigacija po straneh

Preden pripomoček odpre preverjeno stran spletnega mesta, na objektu window pošlje preklicljiv dogodek namiru:navigate. Prekličite dogodek, če želite usmerjanje izvesti znotraj svoje aplikacije. Če dogodek ni preklican, se povezave z istega spletnega mesta odprejo na trenutni glavni strani, zunanje ali vgrajene povezave pa v novem zavihku.

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

Prilagoditev

Podobo blagovne znamke prilagodite na nadzorni plošči Agent Builder v razdelku Videz. Widget vaše nastavitve prevzame samodejno.

Način z gumbom

Plavajoč mehurček za klepet v kotu vaše strani. Obiskovalci ga kliknejo in odpre se okno klepeta.

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

Vdelani način

Klepet vdelajte neposredno v poljuben element vsebnika na vaši strani.

Vdelani 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>

Pogosta vprašanja

Ste pripravljeni dodati AI klepet na svojo stran?

Ustvarite agenta v Agent Builderju, ga prilagodite in v nekaj minutah vdelajte na svojo spletno stran.