Dialogflow Chatbot ganz einfach auf jeder Website integrieren

Na das war ja klar! Jetzt heißt der Blog “lets talk about voicebots” und dieser Artikel handelt schon wieder von einem Chatbot 😉 Trotzdem hat er hier seine Berechtigung, da natürlich immer wieder mixed Implementations gefordert sind, also die Erweiterung eines hauptamtlichen Voicebots mit einem Chatbot. Dialogflow bietet hierfür ganz neu eine sehr einfache Lösung an.

Wer also seinen Voicebot mit Dialogflow von Google für die Intent Erkennung aufgebaut hat, kann per Code Snippet in 5 Minuten seinen bestehenden Bot auf seine Website oder seinen WordPress Blog integrieren. Ich habe dies für diesen Post einmal getan, so dass ihr den dialogflow Chat rechts unten in seiner default Konfiguration sehen solltet.

Wie funktioniert das konkret?

Für eine Integration eines bestehenden Bots als Chatbot müßt Ihr nur in Dialogflow Euren bestehenden Agenten aufrufen und im Menüpunkt “Integrations” das Modul “Dialogflow Messenger aktivieren”.

Daraufhin bekommt ihr ein Code Snippet angezeigt, dass ihr kopiert und an die gewünschte Stelle auf Eurer Website einfügt.


Fertig!

Anpassungsmöglichkeiten

Wenn ihr nun die CSS anpassen wollt oder in Eurem Chatbot Buttons, Listen, Bilder etc. nutzen wollt, ist das alles kein Problem. Es gibt für den Dialogflow messenger eine erstaunlich ausführlich Docu unter folgender Adresse: https://cloud.google.com/dialogflow/docs/integrations/dialogflow-messenger

Offene Fragen

Mir ist noch unklar, wie sicher die Einbindung aktuell ist, das Code Snippet die agent ID im Klartext enthält und somit von jedem an beliebiger Stelle eingesetzt werden kann.

Wer kann mir hier sagen, wie der Zugriff auf Dialogflow ggf. per whitelist im zugehörigen Google Projekt beschränkt werden kann?