KI-Suchleiste
Eine Suchleiste für Ihre Website, die Bedeutung versteht - Besucher finden Produkte und Seiten aus Ihrer Wissensdatenbank sofort
Übersicht
Die KI-Suchleiste ist ein eigenständiges Such-Widget für Ihre Website. Besucher tippen in ihren eigenen Worten, und passende Ergebnisse erscheinen unter der Leiste, sobald sie pausieren: Produkte aus Ihrem Echtzeit-Datenfeed als Karten mit Bild und Preis sowie Seiten aus Ihrer Wissensdatenbank mit Titel, kurzer Vorschau und Link. Da sie nach Bedeutung sucht und nicht nur nach exakten Schlüsselwörtern, findet auch ein Besucher, der eine Beschreibung eintippt, das richtige Ergebnis.
Sie nutzt dieselbe Wissensdatenbank wie Ihr Chatbot, es gibt also nichts zusätzlich zu indexieren oder zu pflegen. Die beiden Widgets sind unabhängig: Nutzen Sie die Suchleiste allein, das Chat-Widget allein oder beide zusammen auf denselben Seiten.
Einbindung in Ihre Website
Die KI-Suchleiste erfordert den Standard-Tarif oder höher. In einem niedrigeren Tarif erscheint die Leiste zwar auf Ihrer Website, liefert aber nie Ergebnisse. Prüfen Sie also zuerst Ihren Tarif, wenn nichts passiert.
Ihre Widget-ID finden Sie auf der Seite KI-Suchleiste in Ihrem Dashboard.
Am einfachsten: ersetzen Sie Ihr vorhandenes Suchfeld
Wenn Ihre Website bereits eine Suche hat - die Shopify-Themesuche, ein WordPress-Suchformular oder Ihre eigene - müssen Sie nichts platzieren und Ihr Theme nicht bearbeiten. Fügen Sie dem Script-Tag data-replace hinzu: das Widget findet Ihr vorhandenes Suchformular, blendet es aus und erscheint genau an dessen Stelle:
<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" data-replace="auto" async></script>
Dieses Script kann überall auf der Seite stehen, es genügt also jedes Plugin, das Code in Kopf- oder Fußbereich einfügt. Enter ohne ausgewähltes Ergebnis öffnet weiterhin Ihre alte Ergebnisseite, es hört also nichts auf zu funktionieren, was Ihre Besucher kennen. Wählt die automatische Erkennung bei einem ungewöhnlichen Theme das falsche Element, übergeben Sie statt auto einen CSS-Selektor, zum Beispiel data-replace=".header-search". Passt nichts, lässt das Widget Ihre Seite unverändert.
Selbst platzieren
Wenn Sie noch keine Suchleiste haben oder sie an einer bestimmten Stelle möchten, fügen Sie beide Zeilen dort ein, wo die Leiste erscheinen soll - zum Beispiel im Kopfbereich neben Ihrem Logo. Die Leiste füllt die Breite des Elements, in das Sie sie setzen, das bedeutet meist, eine Theme-Vorlage zu bearbeiten.
<div data-asyntai-search></div>
<script src="https://widget.asyntai.com/static/js/search-widget.js" data-asyntai-id="YOUR_WIDGET_ID" async></script>
Wenn etwas nicht funktioniert
- Es erscheint gar keine Leiste. Prüfen Sie, ob die Widget-ID im Script mit der auf der Seite KI-Suchleiste übereinstimmt und ob der Code wirklich auf der veröffentlichten Seite steht und nicht nur in einem Entwurf oder einer Vorschau.
- Die Leiste erscheint, liefert aber nie Ergebnisse. Fast immer liegt es am Tarif: die Suche läuft ab Standard. Dasselbe sehen Sie, wenn Ihr monatliches Limit an KI-Antworten aufgebraucht ist.
- Sie bekommen Seiten, aber keine Produkte. Produkte kommen aus einem Real-Time Data Feed. Verbinden Sie einen auf der Seite KI-Suchleiste und prüfen Sie, ob das Kontrollkästchen der Feed-Quelle gesetzt ist.
- Sie bekommen bei jeder Suche gar nichts. Möglicherweise ist Ihre Wissensdatenbank noch leer. Crawlen Sie zuerst Ihre Website oder fügen Sie im Dashboard Inhalte hinzu und versuchen Sie es erneut.
- data-replace hat Ihr Suchfeld nicht gefunden. Manche Themes verstecken die Suche hinter einer Schaltfläche oder einem Pop-up. Übergeben Sie statt auto einen CSS-Selektor für das gewünschte Element und prüfen Sie die Seite in einem normalen Browserfenster statt im Theme-Editor.
Suchquellen
Zwei Kontrollkästchen auf der KI-Suchleisten-Seite in Ihrem Dashboard steuern, was die Suche verwenden darf: Website-Seiten (gecrawlte Seiten und hinzugefügte URLs) und Ihren Echtzeit-Datenfeed. Beide sind standardmäßig aktiviert. Der Feed ist nicht auf Produkte beschränkt - alles, was Sie dort indexieren, etwa Artikel oder Inserate, kann als Ergebnis erscheinen. Eine Änderung gilt sofort auf Ihrer Website.
Produktergebnisse brauchen einen verbundenen Datenfeed. Beide Arten funktionieren: der Echtzeit-Datenfeed ab dem Standard-Plan und Echtzeit-Datenfeed Max im Pro-Plan. Ohne Feed funktioniert die Suche weiterhin, sie liefert dann nur Ihre Website-Seiten, und die Dashboard-Seite kennzeichnet den Feed als nicht verbunden, damit Sie wissen, warum keine Produkte erscheinen.
Suchanalyse
Die Seite KI-Suchleiste in Ihrem Dashboard zeigt die Suchen der letzten 30 Tage: wie viele durchgeführt wurden, wie viele ohne Ergebnis blieben und wie oft ein Besucher ein Ergebnis geöffnet hat. Zwei Tabellen listen Ihre häufigsten Suchen und die Suchen ohne Ergebnis auf. Die zweite Tabelle ist die nützliche, denn sie zeigt Ihnen genau, was Besucher erwarten und nicht finden.
Die Aufzeichnung ist standardmäßig aktiviert und Sie können sie mit einem Kontrollkästchen auf derselben Seite ausschalten. Ist sie aus, wird überhaupt kein Suchtext gespeichert und die Tabellen werden nicht mehr aktualisiert, während die Suche selbst genau wie vorher weiterarbeitet.
Suchen, die Sie auf der Dashboard-Seite durchführen, werden nie gezählt. Websites mit dem Zero-Retention-Modus speichern gar keinen Suchtext, und wenn Sie eine Aufbewahrungsrichtlinie festlegen, werden Suchdaten nach demselben Zeitplan gelöscht wie Ihre Unterhaltungen.
Wie die Ergebnisse aussehen
Zwei Einstellungen auf der Seite AI Search Bar in Ihrem Dashboard ändern das Aussehen der Leiste und ihrer Ergebnisse. Beide werden sofort gespeichert und keine erfordert eine Codeänderung.
Detailtiefe der Produktergebnisse
Unter jedem Produktnamen kann die Leiste eine Zeile der Beschreibung aus Ihrem Daten-Feed anzeigen. Ob das hilft, hängt ganz davon ab, was Ihr Feed enthält. Ein Reise-Feed mit Reisedauer und freien Plätzen lohnt sich. Ein Feed mit einer Attributliste liest sich dagegen wie ein Datenbankauszug.
Sie entscheiden also: nur der Name, eine Zeile oder zwei Zeilen. Eine Zeile ist die Voreinstellung und passt zu den meisten Feeds, weil sie reicht, um zwei ähnliche Produkte zu unterscheiden, ohne die Liste zu überladen. Das betrifft nur Produktergebnisse - ein Seitenergebnis zeigt immer den Text, der zur Suche des Besuchers passte.
Größe der Leiste
Die Leiste gibt es in drei Höhen: kompakt mit 38 Pixeln für eine schmale Kopfzeile, die Voreinstellung mit 44 Pixeln und groß mit 52 Pixeln für eine Seite rund um die Suche. Die Textgröße ändert sich mit.
Die Breite legen wir nie fest. Die Leiste füllt immer das Element, in das Sie sie setzen, die Breite steuern Sie also über Ihr eigenes Layout. Das Ergebnisfenster passt sich der Leiste automatisch an.
Kopieren Sie nach der Größenänderung Ihren Einbettungscode erneut. Der neue Code enthält die Größe, damit die Leiste schon beim Laden der Seite stimmt. Ohne erneutes Kopieren passt sich die Leiste trotzdem an, aber erst nach der ersten Suche.
Wenn eine Suche nichts findet
Wenn Ihr Chat-Widget auf derselben Seite ist, bietet die Suchleiste an, die Frage an Ihren Assistenten zu übergeben, sobald eine Suche keine Ergebnisse liefert. Der Besucher behält seine Frage und landet im Chat, wo sie bereits eingetippt ist. So wird aus einer Sackgasse eine Unterhaltung. Diese Option erscheint nur, wenn das Chat-Widget vorhanden ist.
Optionen
Die Suchleiste verwendet für den Platzhalter, die Ergebnisüberschriften und den Ladetext automatisch die Browsersprache Ihres Besuchers. Legen Sie diese nur fest, wenn Sie eine eigene Formulierung möchten.
Die beiden Überschriften lassen sich auch auf der Seite KI-Suchleiste im Dashboard umbenennen, ganz ohne Codeänderung. Das ist der einfachere Weg, wenn Ihr Feed Artikel oder Anzeigen statt Produkte enthält. Ein Attribut am Script-Tag hat weiterhin Vorrang vor der Dashboard-Einstellung.
Alle Attribute sind optional und gehören auf das Script-Tag:
data-placeholder="Search products..."- Text, der in der leeren Suchleiste angezeigt wirddata-accent="#0a7d4f"- Fokus- und Hervorhebungsfarbe, passend zu Ihrer Markedata-max-results="8"- wie viele Ergebnisse angezeigt werden, 1 bis 20data-new-tab="true"- Ergebnisse in einem neuen Browser-Tab öffnendata-size="sm"- Höhe der Leiste: sm, md oder lg. Überschreibt die im Dashboard gesetzte Größedata-label-products="Products"- Überschrift über Feed-Ergebnissen, in Ihrer Sprache - zum Beispiel Artikel, wenn Ihr Feed Artikel enthältdata-label-pages="Pages"- Überschrift über Seitenergebnissen, in Ihrer Sprachedata-label-empty="No results found"- Meldung, wenn nichts übereinstimmtdata-label-searching="Searching..."- Text, der während des Ladens der Ergebnisse angezeigt wirddata-label-ask-ai="Ask our assistant"- Formulierung der Option, die eine erfolglose Suche an Ihren Chatbot übergibtdata-target=".my-container"- rendert die Leiste in diesem Element statt im Standard-Containerdata-replace="auto"- ersetzt die Suchleiste, die Ihr Theme bereits hat, wie oben beschrieben
Nutzung und Abrechnung
Jede Suche eines Besuchers verbraucht 1 KI-Antwort aus Ihrem monatlichen Plan-Limit - demselben Limit, das auch Ihre Chatbot-Antworten nutzen. Eine Suche wird ausgelöst, wenn der Besucher mit dem Tippen pausiert, nicht bei jedem Buchstaben. Suchen, die Sie auf der KI-Suchleisten-Seite in Ihrem Dashboard ausführen, zählen nicht. Wenn Ihr monatliches Limit erreicht ist, zeigt die Suchleiste einfach keine Ergebnisse mehr, bis das Limit zurückgesetzt wird.
Gut zu wissen
- Besucher können in jeder Sprache suchen, auch wenn Ihre Inhalte in einer anderen verfasst sind.
- Tippfehler und halb getippte Wörter finden trotzdem das Richtige, so findet eine Suche nach jaket Ihre Jacken.
- Produktpreise werden mit Ihrem Währungssymbol angezeigt, das aus der Währung in Ihrem Feed übernommen wird.
- Dieselbe Seite in mehreren Sprachen erscheint nur einmal - die Version, die zur Suchsprache passt, gewinnt.
- Ergebnisse öffnen echte Seiten auf Ihrer Website, die Suchleiste funktioniert also auch als Navigation.
- Das Widget ist ein einziges kleines Script ohne Abhängigkeiten und verlangsamt Ihre Seite nicht.
- Die Tastatursteuerung funktioniert sofort: Pfeiltasten zum Bewegen, Eingabetaste zum Öffnen, Escape zum Schließen.