Chatbot IA para Next.js: cómo instalarlo

<script src="https://app.interlyo.com/widget/chatbot.js" data-api-key="tu-clave" defer></script>

1App Router (Next.js 13 y posteriores)

1. Abre app/layout.tsx.
2. Añade el componente Script antes del cierre del body.

import Script from 'next/script';

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://app.interlyo.com/widget/chatbot.js"
          data-api-key="tu-clave"
          strategy="afterInteractive"
        />
      </body>
    </html>
  );
}

Sirven las estrategias afterInteractive, lazyOnload y beforeInteractive. No uses strategy="worker": el script se ejecutaría fuera de la página y no encontraría la clave. Escribe el atributo exactamente como data-api-key, con guiones: dataApiKey no funciona.

2Pages Router (Next.js 12)

1. Abre pages/_document.js.
2. Pega el código después de NextScript.

<body>
  <Main />
  <NextScript />
  <script src="https://app.interlyo.com/widget/chatbot.js" data-api-key="tu-clave" defer></script>
</body>