Ugradnja na React / Next.js
U Next.js-u preko next/script u glavnom layout-u; u React-u (Vite, CRA) u index.html.
1. Kopirajte kod
Tačan kod sa vašim slugom je u panelu, u delu Dugme i ugradnja. Ovde je primer sa vas-slug umesto pravog sluga:
tsx
import Script from 'next/script';
export default function RootLayout({ children }: { children: React.ReactNode }) {
return (
<html lang="sr">
<body>
{children}
<Script src="https://govor.ai/widget.js" data-workspace="vas-slug" strategy="afterInteractive" />
</body>
</html>
);
}2. Nalepite ga na sajt
- Next.js (App Router): otvorite app/layout.tsx i dodajte <Script> iz next/script unutar <body>.
- Next.js (Pages Router): isto, u pages/_app.tsx ili pages/_document.tsx.
- React bez Next-a (Vite, CRA): nalepite običan <script> kod u index.html, iznad </body>.
- Dugme otvarate i iz svog koda: window.govor?.start().
Napomene
- Widget se učitava jednom i ostaje između prelaza strana (klijentsko rutiranje), pa ga ne treba ponovo učitavati.
- TypeScript: declare global { interface Window { govor?: { start(): void; stop(): void } } }
3. Dozvolite domen i proverite
- U panelu, u delu Dugme i ugradnja, dodajte adresu sajta u dozvoljene domene (npr. https://vasa-firma.rs i https://www.vasa-firma.rs).
- Otvorite sajt u novom prozoru: dugme je u donjem uglu.
- Kliknite, dozvolite mikrofon i postavite jedno pitanje iz baze znanja.
- Razgovor se posle par sekundi pojavljuje u panelu, u delu Razgovori.
Ne radi? Pogledajte rešavanje problema. Izgled dugmeta menjate u panelu ili atributima u kodu.
Nemate vremena za ovo? Postavljamo agenta umesto vas.
Usluga postavljanja