“好的,谷歌,向下滚动。”我们如何将Google Assistant VUI与网站集成在一起

围绕语音用户界面(VUI)的共鸣,我决定试一试,并对其进行一些试验。想法是使用语音UI来完成一些不寻常的事情,但同时又可供广大受众使用。因此,尽管我喜欢所有的物联网实验(例如本实验),但我不得不放弃它们,因为它们需要使用硬件。

它必须在线上可用,并且决定使用我们公司的网站作为游乐场。

如果您只想使用它而不想了解它的制作方法,请立即跳到本文的底部。

哦耶。坐下来和您的屏幕交谈。展示VUI功能的绝佳方式手法?是。但是作为一家数字代理机构,我们有权(如果不是义务)使用最新技术-谁知道它会在什么时候蓬勃发展并从我们的努力中获利。

是的,类似的事情已经存在-使用SpeechAPI,您只需要HTML和JS技能即可构建它。但是很快发现,SpeechAPI的支持目前很差:

由于必须寻找替代解决方案,我将研究重点转向了智能扬声器。最近,在我们的代理商中,我们一直在进行对话界面(聊天机器人)的大量实验,而语音助手(Google助手,Alexa,Siri)的扩展。很快就可以选择Google Assistant作为该项目的主要语音平台-它可以在所有Android设备上使用,可以同时通过语音和可视界面进行对话,并提供出色的SDK和文档-确实如此玩的开心。

那么,我们要实现什么?首先,让我们考虑一下公司网站上的经典用户历程:

  • 用户登陆首页
  • 向下滚动一点,看看发生了什么
  • 开始浏览到感兴趣的区域。单击导航项。
  • 用户阅读了更多有关特定兴趣领域的信息,或者播放了一些视频。
  • 最后,要取得联系并填写联系表格。
  • 太好了,让我们用语音完成所有这些。

    现在越来越有技巧了。这是我们使用的:

  • Dialogflow —在Google Actions中创建对话式入口点,意图并管理一切轻松便捷。
  • NodeJS应用程序-创建自定义函数并允许处理复杂的查询,否则无法在Dialogflow中执行。
  • Heroku —托管我们的nodejs应用程序。需要付费计划才能让我们的应用程序入睡
  • 网站-理想情况下以“单页应用程序”方式构建-网站可实现平滑的页面转换并简化处理会话
  • Socket.io —连接VUI客户端和网站并允许实时通信
  • 很快就可以将所有内容组合在一起并创建第一个由语音触发的功能。最耗时的是测试和错误处理。通过观察使用您的应用程序的人,您将创建多少新功能,历程,意图和流程,这令人难以置信。

    挑战之一是引入一种同步机制,将2台设备耦合在一起,并防止将事件广播到其他客户端。值得庆幸的是,Stackoverflow到处都是好人,几乎每一个用例都提供了代码片段。根据占用的组合检查随机生成的数字(服务器端),然后将其送回到网站前端即可解决问题。然后,语音代理要求提供此唯一号码以同步设备,并且操作成功后,socket.io欢迎代理和网站位于同一房间。

    为了使我们的行动可被发现,我们必须经过批准过程。 Google大约需要1-2天。
    注意每次您要发布甚至在Dialogflow中完成的最小更改时,都必须再次进行批准过程。老实说,这很烦人,但嘿,质量第一。

    最大的窍门是说出一个意图:“好的,谷歌,请格林伍德·坎贝尔做点令人惊奇的事情”。这样,我们可以使用户进入我们的特殊旅程,并将其用作Dialogflow设置中的上下文。上下文还充当语音代理的一种记忆。

    后来发现,谷歌还通过隐式调用将我们的意图编入索引:“好的,谷歌,用语音控制网站”。您完全不必提及我们的代理商名称Greenwood Campbell(这几乎就像免费获得一个网站域名一样)有关操作发现和调用类型的更多信息。

    您仍然可以通过说“ OK Google,与Greenwood Campbell对话”来触发Greenwood Campbell的操作,但是那样您将永远找不到网站控制者。我们的实验计划首先从与网站的互动开始。

    最有趣的(当我说有趣的时候,我是说我们努力挣扎……)我们有联系表。

    首先,我们允许用户说出他们的姓名来填写表格中的字段。但是-如果您的名字不是英语,或者不是很通用,则可能是Google Assistant没听懂,或者拼写错误。我的名字叫Miś—波兰语,意为“玩具熊市”,但Google从来没有正确。而且我不满意通过联系表格发送错误的数据。

    但是-每个Google Assistant用户都可以在Google的数据库中找到。而且,从您的帐户中可能会提取各种各样的数据,对吗?
    好吧,不是所有类型的数据。并且您必须允许Google助手使用它。但是它可以工作,并且可以提供准确的结果。在此处查看构建操作时可以访问的内容。联系表格问题已解决。

    实时启动此实验可将我们网站上的访问量提高几百个百分点,跳出率显着下跌,并且平均在网站上花费的时间大大增加。这也使我们在网站上获得了一些认可(并获得了奖项),并且即使它只是一个有趣的事情,我们也具有很好的VUI功能演示。最好的收获是了解各种系统,并有信心将Google的Actions交付给我们的客户。

    这是:https://www.greenwoodcampbell.com/

    使用体面的浏览器和笔记本电脑/台式机屏幕启动VUI控制器。您需要将手机与周围带有Google Assistant或Google Home的手机进行交互。玩得开心 :)

    如果您也正在尝试VUI和集成,请在评论中让我知道。我总是很高兴听到令人振奋的想法。干杯!

    你可能还喜欢