Integracja Chatbota Botuj w Nuxt.js

Dowiedz się, jak osadzić chatbota Botuj w aplikacji Nuxt.js.

Aby osadzić Botuj w aplikacji Nuxt.js:

📥 Krok 1: Pobierz Skrypt Osadzający

W panelu Botuj:

<script
  defer
  src="https://cdn.botuj.pl/loader.js"
  data-key="${chatbotId}"
></script>

🧩 Krok 2: Dodaj do app.html (Nuxt 2)

  1. W głównym katalogu projektu Nuxt, utwórz lub edytuj plik app.html
  2. Dodaj skrypt przed znacznikiem zamykającym </body>:
<body>
  {{ APP }}
  <script
    defer
    src="https://cdn.botuj.pl/loader.js"
    data-key="YOUR_CHATBOT_ID"
  ></script>
</body>

🧩 Opcja dla Nuxt 3: Użyj pluginu

Utwórz plugin w plugins/botuj.client.js:

export default defineNuxtPlugin(() => {
  const script = document.createElement('script')
  script.defer = true
  script.src = 'https://cdn.botuj.pl/loader.js'
  script.dataset.key = 'YOUR_CHATBOT_ID'
  document.body.appendChild(script)
})

Zarejestruj w nuxt.config.ts:

export default defineNuxtConfig({
  plugins: ['~/plugins/botuj.client.js']
})

✅ Twój chatbot jest teraz zintegrowany z Nuxt!