Dodajte AI klepet na svojo spletno stran
Ena skriptna oznaka ali paket npm. Deluje s katerim koli ogrodjem.
Ustvarite agenta
Registrirajte se, ustvarite agenta in ga naučite o svojem podjetju s pregledom vaše spletne strani ali z nalaganjem datotek.
Kopirajte kodo widgeta
Z nadzorne plošče agenta vzemite 2-vrstično kodo za vdelavo.
Dodajte na svojo stran
Skriptno oznako prilepite pred </body> v svoj HTML. Deluje na kateri koli spletni strani.
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
Hitri začetek
1. korak: 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
<!-- 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().
| Lastnost | Tip | Privzeto | Opis |
|---|---|---|---|
| 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. |
| container | HTMLElement | - | Ciljni element vsebnika za vdelani način. Obvezno, kadar je način "inline". |
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.
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.
<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.
<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.