Ugradnja na Web Stranicu (HTML Embed)

Postavljanje Pitaj.io widgeta na vašu web stranicu zahtijeva samo jedan red JavaScript koda. Naša skripta je ultra-lagana (ispod 30 KB kompresovano), asinhrono se učitava i ne usporava učitavanje vaše stranice (nula uticaja na Google Core Web Vitals).

1. Standardna HTML ugradnja (Preporučeno)

Kopirajte sljedeći kod i zalijepite ga unutar <head> ili neposredno prije zatvarajućeg </body> taga na vašim HTML stranicama:

<!-- Pitaj.io AI Chat Widget -->
<script
  src="https://app.pitaj.io/chat-widget/widget.iife.js"
  data-widget-id="VAS_WIDGET_ID"
  defer>
</script>

Zamijenite VAS_WIDGET_ID sa vašim stvarnim identifikatorom agenta koji možete pronaći u sekciji Kanali → Web Embed.

2. Ugradnja u moderne JavaScript frameworke

// app/layout.tsx ili components/PitajWidget.tsx
'use client';
import Script from 'next/script';

export default function RootLayout({ children }: { children: React.ReactNode }) {
  return (
    <html lang="bs">
      <body>
        {children}
        <Script
          src="https://app.pitaj.io/chat-widget/widget.iife.js"
          data-widget-id="VAS_WIDGET_ID"
          strategy="lazyOnload"
        />
      </body>
    </html>
  );
}

export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: 'https://app.pitaj.io/chat-widget/widget.iife.js',
          'data-widget-id': 'VAS_WIDGET_ID',
          defer: true
        }
      ]
    }
  }
});

Otvorite Google Tag Manager i kliknite na New Tag.
Odaberite tip Custom HTML.
Zalijepite skriptu sa vašim data-widget-id.
Kao okidač (Trigger) odaberite All Pages - DOM Ready.
Objavite izmjene u GTM-u.

3. Ugradnja unutar kontejnera (Inline Iframe / Embedded Mode)

Ako ne želite plutajući balončić u uglu ekrana, već želite da se chat prikazuje direktno na specifičnoj stranici (npr. na stranici /kontakt ili unutar korisničkog portala):

<iframe
  src="https://app.pitaj.io/chat-widget/embed/VAS_WIDGET_ID"
  width="100%"
  height="650px"
  frameborder="0"
  style="border-radius: 16px; border: 1px solid rgba(255,255,255,0.1);"
  allow="microphone">
</iframe>