Wie ein manueller Teaser zur Integration auf der Website erstellt wird
Empfehlung: Teaser sollten mittels Teaser Management im moinAI Hub erstellt und angepasst werden. Der manuelle Teaser ist veraltet.
Teaser in der Preview erstellen
Anstatt einen Teaser im moinAI Hub Teaser Manager zu erstellen, kann in der Preview ein Teaser gestaltet und als Code generiert werden, um diesen z.B. im Google Tag Manager manuell zu hinterlegen.
Dazu können mit dem Plus-Symbol neben dem Themennamen dem Teaser Aktion Buttons hinzugefügt werden. Ist der Teaser mit den richtigen Buttons gewählt und sind die Button-Beschriftungen angepasst, kann auf Teaser Integration und dann generieren geklickt werden, um den dazugehörigen Code zu bekommen.
In der Preview können nur bis zu 3 Aktion Buttons hinzugefügt werden. Sollen mehr Buttons im Teaser erschein, müssen diese manuell im Code hinzugefügt werden.
Die Teaser-Nachricht und die Action Buttons darunter können für jede Unterseite anders definiert werden. Dazu wird der angepasste Code auf den entsprechenden Unterseiten auf der Website integriert. Soll je Unterseite ein unterschiedlicher Teaser verwendet werden, muss dieser auch separat integriert werden.
Dies ist ein Beispielcode. Um einen eigenen Code zu generieren, muss, wie oben beschrieben, ein manueller Teaser erstellt werden.
<script>
//ChatWidgetReady function signals that the script is fully operational
//this function is called when the client side api can be accessed
var chatWidgetReady = function() {
//place your own logic in this function.
//example for teaser
window.knowhere.api.teaser({
showTeaser: true,
showAvatar: true,
message: 'Wie kann ich Ihnen helfen?',
quickActions: [{
text: 'Frage stellen',
intent: 'start'
},
{
text: 'Beratung anfordern',
intent: 'faq_beratung'
}
]
})
}
</script>
In dem Artikel zu Teaser Anpassungen sind mögliche Änderungen am Verhalten des manuellen Chat-Widget Teasers beschrieben.