Haben wir Beispiele für API.AI-basierte Webseiten, die auf Benutzeranfragen reagieren und die Antworten lernen und verbessern. Ich suchte im Internet, fand aber keine. Vermutlich fehlt etwas Grundlegendes.API.AI - Webseitenbasierte Beispiele
OK-, wenn Sie schauen nur, wie man ein API.ai chatbot auf eine benutzerdefinierte Web-basierte Anwendung bereitstellen (anstatt Facebook Messenger zum Beispiel) Ich würde empfehlen, diese Frage Check-out: how to connect my chatbot user interface to APIAI serverhost via python sdk or javascript?
I buchstabierte die meisten Details und verknüpfte sie mit einem vollständigen Arbeitsbeispiel. Das sollte dich beginnen.
Wenn Sie einfach einen Chatbot einbetten möchten, den Sie bereits mit API.AI auf einer Webseite erstellt haben, ist das ganz einfach. Sie müssen den Bot aus Ihrem API.AI-Arbeitsbereich veröffentlichen, den Einbettungscode kopieren und in Ihren HTML-Code einfügen. Dies ist kein White-Label-Chatbot, den Sie anpassen können, sondern nur in einem iFrame. Es hat auch einige Einschränkungen in Bezug auf die Formatierung (z. B. können Sie nicht anklickbare Hyperlinks haben) und andere Rich-Text.
Sie können diesen Artikel in meinem Blog überprüfen, wenn Sie weitere Informationen wünschen.
http://miningbusinessdata.com/embedding-api-ai-chatbot-into-your-wordpress-site/
können Sie sehen auch einige Beispiele für einige (stark vereinfacht) Chatbots ich in meinem eigenen Wordpress-Blog
http://miningbusinessdata.com/botfolio/
-Update 04/28/17 eingebettet haben:
Ich habe herausgefunden, wie man dafür einen benutzerdefinierten Code schreibt. Sie können meinen Artikel über das überprüfen: https://miningbusinessdata.com/adding-faq-chatbot-to-your-wordpress-site-using-api-ai/
Insert your access Token and enjoy!
<html>
<head>
<title>BOT </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type="text/javascript">
var accessToken = "yourAccessToken";
var baseUrl = "https://api.api.ai/v1/";
var synth ;
$(document).ready(function() {
$("#input").keypress(function(event) {
if (event.which == 13) {
event.preventDefault();
send();
}
});
$("#rec").click(function(event) {
switchRecognition();
});
});
var recognition;
function startRecognition() {
recognition = new webkitSpeechRecognition();
recognition.onstart = function(event) {
updateRec();
};
recognition.onresult = function(event) {
var text = "";
for (var i = event.resultIndex; i < event.results.length; ++i) {
text += event.results[i][0].transcript;
}
setInput(text);
stopRecognition();
};
recognition.onend = function() {
stopRecognition();
};
recognition.lang = "en-US";
recognition.start();
}
function stopRecognition() {
if (recognition) {
recognition.stop();
recognition = null;
}
updateRec();
}
function switchRecognition() {
if (recognition) {
stopRecognition();
} else {
startRecognition();
}
}
function setInput(text) {
$("#input").val(text);
send();
}
function updateRec() {
$("#rec").text(recognition ? "Stop" : "Speak");
}
function send() {
var text = $("#input").val();
$.ajax({
type: "POST",
url: baseUrl + "query?v=20150910",
contentType: "application/json; charset=utf-8",
dataType: "json",
headers: {
"Authorization": "Bearer " + accessToken
},
data: JSON.stringify({ query: text, lang: "en", sessionId: "somerandomthing" }),
success: function(data) {
setResponse(JSON.stringify(data, undefined, 2));
},
error: function() {
setResponse("Errore di comunicazione con il server.");
}
});
setResponse("Caricamento...");
}
function setResponse(val) {
//$("#response").text(val);
var obj = JSON.parse(val);
var response = obj.result.fulfillment.messages[0].speech;//testo a capo //obj.result.fulfillment.speech;
if (response != null)
$("#response").text(response);
else
$("#response").text(val);
}
</script>
<style type="text/css">
body { width: 500px; margin: 0 auto; text-align: center; margin-top: 20px; }
div { position: absolute; }
input { width: 400px; }
button { width: 50px; }
textarea { width: 100%; }
</style>
</head>
<body>
<div>
<input id="input" type="text"> <button id="rec">Speak</button>
<br>Response<br> <textarea id="response" cols="40" rows="20"></textarea>
</div>
</body>
</html>
Den zweiten Fall, in dem das Chat-Bot in einen Web-App integriert ist, und man kann von Browser chatten. – Tweak