Ihren Assistenten auf Ihrer Website einbinden

Wenn er in der Testumgebung funktioniert, ist der Livegang hauptsächlich Kopieren und Einfügen. Der Anzeigemodus, den Sie im Wizard gewählt haben, ist genau so, wie er auf Ihrer Seite aussehen wird – Sie bauen nichts neu, Sie platzieren ihn nur.

Bevor Sie beginnen

• Erlaubte Origins – fügen Sie die Adresse Ihrer Website zur Liste der erlaubten Origins des Assistenten hinzu, damit Ihre Seite ihn laden darf. Bis dahin verweigert der Assistent den Start auf dieser Domain.
• Zugriffsschlüssel – wenn der Sicherheitsmodus API ist, kopieren Sie den Schlüssel aus dem Tab Keys des Assistenten. Ein Assistent im Modus None (öffentlich) braucht keinen Schlüssel.
• Assistenten-ID – diese fügen Sie in das Snippet ein. Sie steht auf der Seite des Assistenten.

Das Snippet einfügen

Fügen Sie Ihrer Seite drei Dinge hinzu: das Seekdown-Runtime-Skript, ein Container-Element und ein kurzes Init-Snippet. Genau diese Form erzeugt das Produkt – setzen Sie Ihre eigene assistantId ein (und accessToken, falls Ihr Assistent einen benötigt):

<div id="seekdown-assistant-root"></div>

<!-- Include the public Seekdown runtime -->
<script src="https://saas.seekdown.ai/js/seekdown-assistant.js"></script>

<!-- Initialize the assistant with your assistantId and accessToken -->
<script>
  document.addEventListener('DOMContentLoaded', function () {
    if (window.skdwn?.startAssistant) {
      let seekdownAssistantOptions = {
        assistantId: 'your-assistant-id',
        accessToken: 'your-api-key-or-identity-access-token',
      };

      skdwn.startAssistant(seekdownAssistantOptions);
    } else {
      console.error('skdwn.startAssistant is not available.');
    }
  });
</script>

Eine Plattform statt reinem HTML?

Sie müssen nicht immer Code anfassen. Für jede der gängigen Plattformen gibt es eine kurze, eigene Anleitung:

• WordPress – installieren Sie das offizielle Seekdown-Plugin, fügen Sie Ihre Assistenten-ID ein und zeigen Sie ihn auf der ganzen Website oder per [seekdown]-Shortcode an. Siehe Einen Assistenten in WordPress einbetten.
• Shopify – fügen Sie dieselben drei Snippets in die theme.liquid Ihres Themes ein, direkt vor </body>. Siehe Einen Assistenten in Shopify einbetten.
• ChatGPT (Custom GPT) – verbinden Sie Ihren Assistenten als Action, damit ein Custom GPT aus Ihren Inhalten antworten kann. Siehe Eine Custom-GPT-Action erstellen.

Prüfen, ob er live ist

Öffnen Sie die Seite (außerhalb jedes Admin-Bereichs) und vergewissern Sie sich, dass der Assistent erscheint und antwortet. Falls nicht, sind die üblichen Ursachen ein fehlender erlaubter Origin, eine falsche Assistenten-ID oder ein Token, das der Assistent erwartet, aber nicht erhalten hat – die Browserkonsole verrät Ihnen meistens, was davon zutrifft.

Verwandte Dokumente

• Einen Assistenten auf einer Website einbetten
• Erlaubte Origins konfigurieren
• Fehlerbehebung bei einem eingebetteten Assistenten