Чат-боты становятся все более важным инструментом для бизнеса в современную эпоху. С помощью правильных инструментов и ноу-хау компании создают чат-агентов, которые могут вести настоящие беседы с клиентами.
Google Dialogflow ES — один из самых мощных и бесплатных инструментов для создания чат-ботов на рынке. Но как раскрыть весь его потенциал?
Шаг 1. Создайте свой агент Dialogflow ES
Создание собственного агента Dialogflow ES — первый шаг в этом процессе. Работает любая учетная запись Google, и вы начинаете с перехода к Веб-сайт Google Dialogflow ES. Нажмите на Создать агента после того, как вы вошли в систему и заполните данные в форме, прежде чем нажимать Создавать. Вы можете использовать Dialogflow для создать чат-бота для развлечения, автоматизация или обслуживание клиентов. Этот проект охватывает последнее.
Шаг 2. Добавьте намерения продолжения диалогового потока
У нового агента есть только приветственное намерение по умолчанию и резервное намерение по умолчанию. Намерение — это фрагмент или этап разговора.
Чтобы начать работу, вам нужно добавить два дополнительных намерения к существующему приветственному намерению по умолчанию. Наведите курсор на Приветственное намерение по умолчанию, нажмите на Добавить последующее намерение, и выберите Да из выпадающего меню. Повторите процесс, выбрав «Нет» в раскрывающемся меню, чтобы создать второе последующее намерение.
Намерение «Нет продолжения» завершит разговор и попрощается с пользователем. Открой Нет последующего намерения и добавьте серию текстовых ответов, чтобы закончить разговор. Активировать Установить это намерение как конец разговора слайдер.
Вернитесь к главному экрану Intents и нажмите кнопку Да последующее намерение чтобы открыть его.
Шаг 3. Создайте расширенный список ответов Dialogflow с помощью JSON
Теперь, когда вы настроили эти намерения, пришло время задать пользователю вопрос, чтобы он мог их получить. Открой Приветственное намерение по умолчанию а также Удалить ответы, которые он сгенерировал. Нажмите Добавить ответы и выберите Пользовательская полезная нагрузка из меню.
Приведенный ниже код JSON добавляет два разных типа расширенных ответов. информация и фишки.
{
"богатое содержание": [
[
{
"тип": "чипсы",
"опции": [
{
"текст": "Да"
},
{
"текст": "Нет"
}
]
},
{
"изображение": {
"источник": {
"rawUrl": "https://upload.wikimedia.org/wikipedia/commons/thumb/5/50/TK_email_icon.svg/1024px-TK_email_icon.svg.png"
}
},
"title": "Расскажите о себе :)",
"subtitle": "Дайте мне немного вашей личной информации. Я отправлю его вам по электронной почте. Это сделка; абсолютно не смешное дело. Обещать! Ты в деле?",
"тип": "информация"
}
]
]
}Шаг 4: Соберите имя пользователя в качестве параметра Dialogflow
Затем пришло время добавить еще одно последующее намерение для сбора данных от пользователя. Как указано на шаге 2, у вас уже должно быть намерение «Да», которое запрашивает имя пользователя. Наведите курсор на Да последующее намерение в главном меню намерений нажмите Добавить последующее намерениеи выберите Обычай из списка.
Это создаст новое последующее намерение без каких-либо обучающих фраз. Перейдите в раздел «Тренировочные фразы», введите имя в поле и нажмите Enter, чтобы добавить его как новую фразу. Это вызовет создание нового параметра с типом сущности @sys.person. Нажми на @sys.person объект и изменить его на @sys.given-имя организация.
Это сохранит ввод пользователя, чтобы агент мог его использовать. Перейдите в раздел «Ответы» и добавьте ответ с помощью $ данное имя внутри него. Это вызывает параметр name, который вы собрали, что позволяет ему появиться в чате.
Шаг 5. Используйте пользовательскую полезную нагрузку Dialogflow для запуска намерений
Оставаясь в только что добавленном последующем намерении, нажмите «Добавить ответы» и выберите «Пользовательская полезная нагрузка» из списка. Добавление приведенного ниже кода JSON в этот раздел вызовет ответ с расширенным списком, в котором пользователю будет предложено выбрать цвет.
Наиболее важной частью этого кода JSON является раздел событий с каждой записью. При щелчке по каждому элементу списка вызывается событие COLOR с именем и параметрами цвета, которые были собраны на данный момент. Намерениям могут быть назначены события, которые их запускают.
{
"богатый контент": [
[
{
"мероприятие": {
"код языка": "en",
"параметры": {
"имя": "$ данное имя",
"цвет": "Красный"
},
"имя": "ЦВЕТ"
},
"заглавие": "Красный",
"тип": "список"
},
{
"тип": "делитель"
},
{
"мероприятие": {
"имя": "ЦВЕТ",
"код языка": "en",
"параметры": {
"имя": "$ данное имя",
"цвет": "Зеленый"
}
},
"тип": "список",
"заглавие": "Зеленый"
},
{
"тип": "делитель"
},
{
"тип": "список",
"заглавие": "Синий",
"мероприятие": {
"код языка": "en",
"имя": "ЦВЕТ",
"параметры": {
"имя": "$ данное имя",
"цвет": "Синий"
}
}
}
]
]
}Шаг 6. Переместите параметры диалогового потока между намерениями
Вернитесь в главное меню намерений и нажмите Создать намерение. Дайте вашему новому намерению имя и введите ЦВЕТ в разделе событий, прежде чем нажать Войти.
Перейдите в раздел «Обучающие фразы» и добавьте имя и цвет в список фраз, чтобы инициировать создание новых параметров. Изменить @sys.person объекта параметра в @sys.given-имя объект и убедитесь, что объект цвета установлен на @sys.color.
Теперь вы можете добавить некоторые ответы, используя $given-name и $color, чтобы входные данные пользователя отображались в окне чата.
Наконец, вернитесь к Контексты в верхней части страницы и добавьте вывод с уникальным именем. Это передаст параметры от этого намерения к следующему.
Шаг 7. Соберите страну и номер телефона пользователя в качестве параметров Dialogflow.
Вернитесь в главное меню намерений, наведите курсор на Цветовое намерение вы только что создали, и нажмите на Добавить последующее намерение. Проверьте раздел «Контексты» нового намерения. Убедитесь, что он включает контекст Color, который вы создали на последнем шаге, как в разделах ввода, так и в разделах вывода. Добавьте другой выходной контекст для текущего намерения.
Перейти к Учебные фразы раздел и добавьте название страны в список, прежде чем нажать Войти. Это создаст новый параметр. Измените тип объекта параметра на @sys.geo-страна перед добавлением параметра в раздел ответа.
Вернитесь в главное меню «Намерения» и создайте новое последующее намерение для намерения, которое вы только что создали. Повторите шаги, которые вы только что предприняли, но используйте номер телефона в Учебные фразы раздел. Убедитесь, что сгенерированный параметр имеет @sys.номер телефона тип объекта.
Вернитесь в главное меню «Намерения» и создайте два новых дополнительных намерения для только что созданного намерения; да и нет последующего намерения. Вы можете установить намерение «Нет дальнейших действий», чтобы завершить разговор.
Последующее намерение «Да» должно иметь все контексты из предыдущих намерений, которые вы создали.
Наконец, вернитесь в главное меню «Намерения» и создайте новое последующее намерение для последующего намерения «Да», которое вы только что создали. Добавьте адрес электронной почты в раздел Обучающие фразы и убедитесь, что сгенерированный параметр имеет @sys.email как его тип сущности.
Перейти к Ответы раздел, нажмите Добавить ответыи выберите Пользовательская полезная нагрузка из списка. Следующий код JSON добавит расширенный ответ в виде списка, который вызывает событие SENDEMAIL. Все пользовательские параметры, которые вы запросили до сих пор, будут отправлены в это намерение.
{
"богатый контент": [
[
{
"заглавие": "Отправить письмо",
"мероприятие": {
"параметры": {
"имя": "#Color-followup.name",
"страна": "#Color-country-followup.country",
"Эл. адрес": "$ электронная почта",
"цвет": "#Цвет-следующий.цвет",
"Телефон": "#Color-country-phonenum-followup.phone-number"
},
"имя": "ОТПРАВИТЬ ПОЧТУ",
"код языка": "en"
},
"тип": "список"
}
]
]
}Шаг 8. Отправка электронного письма с помощью встроенного редактора Dialogflow Node.js
Нажмите Создать намерение в главном меню Намерения. Добавлять ОТПРАВИТЬ ПОЧТУ к События раздел и нажмите Войти. Следуйте этому, добавив все параметры, которые вы собрали, в Действие и параметры раздел.
Перейти к Исполнение раздел внизу страницы и активируйте ползунок с надписью Включить вызов веб-перехватчика для этого намерения. Это позволит вам добавить собственный код к этому намерению.
Выбирать Исполнение из главного меню в левой части страницы и активируйте ползунок, чтобы включить Встроенный редактор. Для этого вам может потребоваться добавить платежный аккаунт в свой Google Project.
Нажми на пакет.json вкладку и прокрутите файл до конца. Замените раздел зависимостей следующим кодом, чтобы добавить Nodemailer API в свой проект.
"зависимости": {
"действия в Google": "^2.2.0",
"firebase-admin": "^5.13.1",
"firebase-функции": "^2.0.2",
"поток диалогов": "^0.6.0",
"узел почты": "^4.4.2",
"выполнение диалогового потока": "^0.5.0"
}
Вернитесь к файлу index.js и замените существующий код образцом, найденным на этот проект CodePen прежде чем нажать Развертывать. Вам нужно будет заменить учетные данные Gmail на учетные данные вашей учетной записи. Для этого вам нужно использовать пароль приложения. После завершения ваш чат-бот отправит пользователю по электронной почте все собранные данные в конце успешного разговора. Вы можете узнать больше о Node.js и как использовать его с нашим удобным руководством.
Использование Dialogflow ES на вашем сайте
Ваш новый чат-бот может собирать информацию о пользователях и отправлять электронные письма, но Dialogflow ES может делать гораздо больше. Вы можете подключить практически любой API к этой службе, и вы можете использовать API Dialogflow для управления своим чат-ботом на своем собственном веб-сайте.
