Семь способов интеграции Dialogflow чат-бота на ваш сайт

В этой статье я объясню различные способы интеграции Dialogflow на ваш сайт и как конкретный тип интеграции позволит вам добавлять подробные ответы в окно чата.

Перевод статьи Aravind Mohanoor, консультанта и преподавателя по Dialogflow

Оглавление
Семь способов добавить чат-бота Dialogflow на свой сайт
1 используйте встроенную интеграцию web demo в 1 клик
2 Используйте интеграцию Dialogflow Messenger
3 Добавьте Dialogflow в систему живого чата, такую как Zoho SalesIQ, с интеграцией в 1 клик
4 Добавьте Dialogflow в систему живого чата например Drift с помощью пользовательской интеграции
5 Использовать состоялось ЗАС
6 построить свой собственный интеграции
7 используйте плагин WordPress (наименее предпочтительный)
Богатые Ответы
Кликабельные Гиперссылки
Кнопки
Разрыв строки
Изображения
Удалить “питание от Dialogflow”
Богатые ответы в плагинах WordPress
Резюме
Семь способов добавить чат-бота Dialogflow на свой сайт

В настоящее время существует семь способов интеграции чат-бота Dialogflow на ваш сайт.

1. web demo

Используйте встроенную интеграцию web demo в 1 клик
Например, вот бот “расскажи мне случайную шутку Чака Норриса” ? Я построил его с помощью веб-демо-интеграции в 1 клик.

2. Используйте интеграцию Dialogflow Messenger

Некоторое время назад Dialogflow создал интеграцию Dialogflow Messenger как очень необходимое улучшение по сравнению с интеграцией веб-демо в 1 клик. Вы можете увидеть скриншот ниже.

Перейдите в учебник Dialogflow Messenger Tutorial

3 Добавьте Dialogflow в систему живого чата, такую как Zoho SalesIQ, с интеграцией в 1 клик

Zoho SalesIQ Live Chat позволяет вам интегрироваться с Dialogflow одним щелчком мыши.

Ниже вы можете увидеть скриншот демо-бота, созданного мной на этом сайте, который использует интеграцию в 1 клик с Dialogflow.

Перейдите к учебнику по интеграции живого чата Zoho

4 Добавьте Dialogflow в систему живого чата например Drift с помощью пользовательской интеграции

Не все службы live chat обеспечивают интеграцию в 1 клик с Dialogflow (на самом деле это делают только некоторые из них).

Но большинство из этих сервисов живого чата предоставляют API, который позволяет вам интегрировать любого чат-бота на основе NLU, который вы хотите, часто используя концепцию регистрации webhook:

а) пользователь вводит сообщение в чат-онлайн

б) служба live chat пересылает сведения о сообщении на URL-адрес webhook, который вы ранее зарегистрировали

c) url webhook запускает некоторый код, который передает сообщение в Dialogflow и возвращает ответ в формате, заданном службой live chat. Обратите внимание, что вы будете писать этот код самостоятельно, если создаете пользовательскую интеграцию

д) ответа от URL-адрес веб-перехватчик отображается внутри чат-онлайн

Я реализовал демонстрационную интеграцию для Drift + Dialogflow, и я больше не рекомендую ее. Это громоздко, но что еще более важно, дрейф не облегчает разработчику создание пользовательской интеграции.

Zoho SalesIQ также поддерживает интеграцию с Dialogflow с помощью своей интеграции Webhooks, поэтому, если вам нужна пользовательская интеграция, я бы рекомендовал их вместо этого.

5 Использовать состоялось ЗАС

Вы также можете использовать размещенный SaaS, такой как BotCopy, для этой интеграции. Ниже вы видите скриншот примера бота, который я построил с помощью BotCopy, который помогает людям находить отдельные видео с моих курсов.

Перейти к учебнику BotCopy

6 построить свой собственный интеграции

Хотя создание собственной пользовательской интеграции является самым дорогостоящим с точки зрения времени и денег, она также является наиболее гибкой (очевидно). Если ваш бот имеет очень специфические требования (например, очень специфические пользовательские элементы управления вводом), то вам придется создать свою собственную интеграцию.

Ниже вы видите скриншот примера бота, который я построил с помощью пользовательской интеграции.

Перейдите к учебнику по пользовательской интеграции

7 используйте плагин WordPress (наименее предпочтительный)

Я не являюсь поклонником этого варианта. Плагины WordPress часто скрывают поток разговоров, вставляя свои собственные пользовательские действия, и очень затрудняют полное использование существующих функций NLU Dialogflow.

Я еще не создал никакого концептуального чат-бота на основе плагинов WordPress, потому что еще не убежден в их ценности для ботов NLU powered.

Богатые Ответы
Далее мы рассмотрим, как вы можете добавить различные богатые ответы в свой чат-бот веб-сайта Dialogflow.

Богатые ответы = богатое содержание + богатые элементы управления (см. раздел » факторы, которые следует учитывать для определения).

Кликабельные Гиперссылки
Одним из самых важных требований в чат-боте часто задаваемых вопросов является возможность добавления кликабельных гиперссылок.

1-click web demo integration – не поддерживает кликабельные гиперссылки

Dialogflow Messenger – поддерживает кликабельные гиперссылки

BotCopy – вы можете использовать предложение Link Out внутри Dialogflow для создания кликабельных гиперссылок с якорным текстом. Однако это означает, что вы не можете отображать встроенные якорные текстовые ссылки и не можете иметь несколько гиперссылок в одном ответе. BotCopy автоматически преобразует все гиперссылки в текстовых ответах в кликабельные – но помните, что они будут показывать всю ссылку и не будут иметь никакого якорного текста.

Вот как выглядит вывод внутри моего бота LessonFinder:

Zoho SalesIQ Live Chat – вы можете добавить гиперссылки, добавив пользовательский объект ответа в раздел пользовательской полезной нагрузки под намерением.

Который будет осуществлять этот:

WordPress plugin – смотрите раздел “богатые ответы в плагинах WordPress”

Пользовательская интеграция – вы можете указать гиперссылку в обычном Markdown, и ваша библиотека парсера Markdown автоматически преобразует ее в соответствующий HTML-код для отправки в ваш виджет чата. Другими словами, с точки зрения гибкости, это ваш лучший вариант.

Кнопки
Использование кнопок сделает ваш сайт чат-ботом более интерактивным.

1-click web demo integration – не поддерживает кнопки

Dialogflow Messenger – поддержка кнопок

BotCopy – вы можете добавлять кнопки, используя тип ответа Suggestion Chips на вкладке Google Assistant.

Текст внутри чипов предложений будет отображаться в виде кнопок в виджете чата.

Zoho SalesIQ – вы можете создавать кнопки, используя пользовательскую полезную нагрузку, так же, как и раньше.

Который будет осуществлять этот:

WordPress plugin – смотрите раздел “богатые ответы в плагинах WordPress”

Пользовательская интеграция – в пользовательской интеграции вы можете конвертировать фишки предложений Google Assistant в соответствующие кнопки.

Разрыв строки
Добавление разрывов строк имеет решающее значение для того, чтобы сделать ответ вашего бота более читабельным.

1-click web demo integration – не поддерживает разрывы строк

Dialogflow Messenger – поддерживает разрывы строк

BotCopy – вы можете добавить разрывы строк, используя обычный тег разрыва строки (
) в текстовом блоке простого ответа и Базовом типе ответа карты. BotCopy поддерживает ограниченное подмножество HTML в этих типах ответов.

Zoho SalesIQ – поддерживает разрывы строк.

WordPress plugin – смотрите раздел “богатые ответы в плагинах WordPress”

Пользовательская интеграция – в пользовательской интеграции вы будете использовать регулярные разрывы строк внутри блока ответа Dialogflow (для этого в Dialogflow используйте SHIFT + ENTER). Это фактически станет символом разрыва строки (\n), который ваша библиотека парсера Markdown автоматически преобразует в фактический разрыв строки в HTML.

Изображения
Добавление изображений может сделать ваши ответы в чате более удобными для чтения, а иногда изображения также могут быть использованы для объяснения вещей (например, скриншоты, объясняющие, как что-то работает).

1-click web demo integration – не поддерживает изображения

Dialogflow Messenger – поддерживает изображения, но они занимают всю ширину окна чата, и вы не можете указать пользовательские размеры

BotCopy – вы можете отображать изображения в BotCopy с помощью базовой карты Google Assistant response type.

Zoho SalesIQ – поддерживает изображения, но вы не можете указать пользовательские размеры.

WordPress plugin – смотрите раздел “богатые ответы в плагинах WordPress”

Пользовательская интеграция – есть несколько способов отображения изображений внутри окна чата.

Вы можете использовать базовый тип карты, и она будет отображать изображение.

Или вы также можете отобразить изображение, просто указав его встроенным в формате Markdown в текстовом ответе. Очевидным преимуществом такого подхода является то, что вы можете отображать в окне чата столько изображений, сколько захотите. (Тип ответа Google Assistant позволяет использовать не более 1 базовой карты на ответ).

Удалить “питание от Dialogflow”
1 клик веб демо интеграции – нельзя удалить “работает на Dialogflow” в 1 клик веб демо интеграции.

Для всех остальных типов интеграции вам не нужно беспокоиться об этой проблеме.

Богатые ответы в плагинах WordPress
К сожалению, плагины WordPress, которые я рассматривал до сих пор, не очень хорошо документировали это (добавление богатых ответов в виджет чата) в своей базе знаний. Если вы являетесь автором плагина, и вам кажется, что я, возможно, пропустил его, пожалуйста, оставьте ссылку ниже в комментариях о том, где люди могут найти эту информацию.

Резюме
Когда вы создаете чат-бота веб-сайта с помощью Dialogflow, вы должны оценить все свои варианты и создать контрольный список с набором функций, которые вы хотите. Затем вы можете оценить, можете ли вы выполнить все пункты своего контрольного списка, используя различные типы интеграций, которые я объяснил здесь.

Как вы можете видеть, если вы не хотите нанять разработчика для создания пользовательской интеграции, я бы рекомендовал использовать Zoho SalesIQ.

Вы обнаружите, что создание собственной пользовательской интеграции будет наиболее гибким вариантом, хотя это также будет самым дорогим с точки зрения временных и денежных затрат.

Если вы хотите узнать, как создать свою собственную пользовательскую интеграцию, ознакомьтесь с моей подробной статьей об интеграции чат-бота Dialogflow на ваш сайт.