Как установить виджет ChatNeuron на React / Next.js / Vue

Пошаговая инструкция по установке ИИ-агента и чат-виджета на сайт под управлением React / Next.js / Vue. Скопируйте код из личного кабинета и вставьте по шагам ниже.

React / Next.js

Подключите скрипт в корневом layout. Значения data-client и data-variant возьмите в Скопируйте код виджета в кабинете → Виджет.

import Script from "next/script"

export default function RootLayout({ children }) {
  return (
    <html>
      <body>
        {children}
        <Script
          src="https://ваш-домен/widget.js"
          data-client="ВАШ_CLIENT_ID"
          data-variant="bubble"
          strategy="lazyOnload"
        />
      </body>
    </html>
  )
}

Vue / Nuxt

Добавьте скрипт в app.head.script в nuxt.config.ts.

export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: "https://ваш-домен/widget.js",
          "data-client": "ВАШ_CLIENT_ID",
          "data-variant": "bubble",
          defer: true,
        },
      ],
    },
  },
})

Готово установить виджет на React / Next.js / Vue?

Создайте аккаунт, скопируйте код из кабинета и вставьте на сайт по инструкции выше.

Получить свой код виджета в личном кабинете ChatNeuron