KI-Chatbot für Vue und Nuxt: so installieren Sie ihn

Bei Vue genügt die HTML-Startdatei, bei Nuxt nutzen Sie die Konfiguration.

Sie finden ihn fertig im Panel, mit Ihrem Schlüssel, und kopieren ihn mit einem Klick. So sieht er aus:

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

1Nuxt 3

Öffnen Sie nuxt.config.ts.
Fügen Sie das Skript im Bereich head hinzu.

export default defineNuxtConfig({
  app: {
    head: {
      script: [
        {
          src: 'https://app.interlyo.com/widget/chatbot.js',
          'data-api-key': 'ihr-schluessel',
          defer: true,
        },
      ],
    },
  },
});

Funktioniert auch mit useHead oder useScript. Schreiben Sie das Attribut als 'data-api-key', mit Bindestrichen.

2Vue 3 mit Vite

Öffnen Sie index.html.
Fügen Sie den Code nach dem App-Container ein.

<body>
  <div id="app"></div>
  <script src="https://app.interlyo.com/widget/chatbot.js" data-api-key="ihr-schluessel" defer></script>
</body>

Laden Sie chatbot.js von unserer Adresse, wie im Code oben. Laden Sie die Datei nicht ins Projekt herunter, benennen Sie sie nicht um und binden Sie sie nicht ins Bundle der Website ein: Das Widget fände sonst den Schlüssel und unseren Server nicht mehr.

Wählen Sie Ihre Plattform

Integrationen

Content-Management

Onlineshops

Website-Baukästen

Individuelle Websites und Apps

Bereit für die Installation?

Registrieren Sie sich kostenlos, und das Panel gibt Ihnen Code und Anleitung für Ihre Plattform.

8 Tage kostenlos testen Funktionen