20.7将您的聊天机器人连接到Facebook Messenger

FB_Messenger_logo

在本练习中,您将使用Facebook桌面站点将您的聊天机器人连接到Facebook Messenger,因此您将需要访问Facebook帐户。

20.7.1创建Facebook页面

登录Facebook帐户后,请选择屏幕右上方的​+​图标。

FB_Plus_btn

此时将显示​创建​下拉列表,其中包含各种选项。

FB_Homepage

选择​Page

FB_Create_Page_btn

现在,您将可以选择开始填写页面信息,如页面名称、类别、描述等。 请根据您认为适合的情况填写这些字段,但在本例中,我们使用了以下内容:

请求的信息 说明 示例答案
页面名称 ldap-fb-page 井宗网
类别[industry] 行业或商业类型 零售公司
描述 页面描述 用于聊天机器人测试的facebook页面

FB_CreatePage_PageDetails

完成后,单击​创建页面

FB_CreatePage_btn.png

现在,您将可以选择在左侧选项中添加配置文件图片和封面照片。 请随时执行此操作,但这是可选的。

FB_CreatePage_PageDetails_addImgs

对“Page details”(详细信息)感到满意后,单击​Save

FB_Save_btn

此时将显示您完成的Facebook页面。 请随时继续根据需要更新和编辑新的Facebook页面,但出于本教程的目的,我们将进一步设置聊天机器人……

20.7.2在Facebook页面中配置高级消息传送

在新创建的Facebook页面的主页上,您将在屏幕左侧看到一个选项列表。

FB_ManagePage_Nav

选择选项底部的​页面设置

FB_Pagesetting_btn

在此,您可以花费大量时间根据需要配置Facebook页面,但出于本教程的目的,我们将进一步设置聊天机器人。

FB_Pagesetting_Nav

选择​高级消息传送

FB_AdvancedMessaging_btn

滚动到​常规设置 > 连接的应用程序。 您将看不到任何应用程序都未连接。 在我们连接聊天机器人与Stackchat UI后,Stackchat将列在这里。

FB_GeneralSettings_ConnectedApps

20.7.3将Stackchat连接到Facebook Messenger

现在,您的Facebook页面已经创建,我们需要为Stackchat授予权限,以管理发送到该页面的消息。 在Stackchat Studio中调出您的Luma机器人,然后单击机器人菜单中的​Integrations​按钮。

Stackchat_Integration_FB

单击右上方的​添加集成​按钮,然后选择Facebook Messenger。

Stackchat_Integration_FB

单击​管理Facebook权限​按钮。

Stackchat_Integration_FB

此时应会显示Facebook登录模式。 如果没有,则浏览器可能已阻止模式弹出窗口。 检查是否存在任何警告,并授予Stackchat启动弹出窗口的权限。 登录到您的Facebook帐户。

Stackchat_Integration_FB

选择要将聊天机器人连接到的所有页面。 Stackchat将记住这些页面,并为您提供从列表中选择这些页面的选项。 选择页面后,按​Next​按钮。

Stackchat_Integration_FB

保持这些权限不变。 只需按​Done​按钮,然后按​Ok​按钮。

Stackchat_Integration_FB

该模式窗口将关闭,您现在可以选择要将聊天机器人连接到的Facebook页面。

Stackchat_Integration_FB

点击​Add Integration​按钮,您就完成了!

20.7.4测试集成

要开始演示,请登录到Facebook,然后导航到您在之前步骤中创建的Facebook页面。 在本教程中,我们将使用我们的Luma Retail演示页面。

Facebook_LumaRetail_HP

由于您是此页面的管理员,请按​查看为访客​按钮。

Facebook_LumaRetail_viewasVisitor

这将更改视图并像您是客户一样显示页面

Facebook_LumaRetail_HP_cv

按右上方的​Send Message​按钮

Facebook_LumaRetail_sendMessage

这将打开由Stackchat提供支持的聊天机器人。 首次打开聊天机器人时,它会通知您,一旦选择​开始 Luma Retail,将看到您的公共信息

Facebook_LumaRetail_ChatBot_welcomeAnon

选择​开始

Facebook_LumaRetail_ChatBot_getstarted_btn

聊天机器人启动后,您将看到欢迎消息。 像上一节中在Web Messenger上所做的那样,逐步浏览“我需要创意”流程,以测试对话是否正确显示。

Facebook_LumaRetail_ChatBot_initiate2

接下来,您将看到Luma Bot共享其策略的链接并请求同意。 单击​​继续。

Facebook_LumaRetail_ChatBot_optin

提交您的演示电子邮件(测试Web Messenger时使用的电子邮件),或者提交新电子邮件,以了解如果Facebook是与Luma的首次接触点,体验会是什么样子。

Facebook_LumaRetail_ChatBot_email-submit2

Luma Bot现在将显示一组产品。 浏览产品时,单击心脏图标以称赞您选择的产品。 我一直喜欢降落伞裤……

Facebook_LumaRetail_ChatBot_productLike

注意

热提示! 以下命令已被秘密“植入”到我们的聊天机器人中:

  • /debug — 这将确认聊天机器人当前连接到的AEP实例
  • /reset — 这允许您从头开始再次进行对话

因此,您可以随时确认集成或重置对话。 如果您很好奇,请查看在Studio UI或CDML编辑器中是否可以找到这些关键词配置 — 这些配置是使用正则表达式进行配置的!

现在,我们“赞”了Cora降落伞裤产品,我们可以查看电子邮件收件箱,确认在练习20.4中设置的历程已成功触发并交付。

已送达JO电子邮件

接下来,我们将看到如何在现场继续“对话”。 现在,让我们想象一下,我们刚刚与Luma机器人进行的Facebook Messenger聊天是我们与Luma零售商的首次互动,我们希望了解在与Facebook上的Luma机器人进行交互后,首次网站访客的体验是什么。 在​隐身模式​中,导航到Luma网站🔗。 由于这是一个新的隐身窗口,因此您需要像往常一样设置ldap、品牌(Luma)。 打开新的隐身Luma网站后,请查看X光面板以确认您是新用户,即不是用户档案属性或体验事件。

web_incog-xray.png

导航到​LOGIN/REGISTER​页面,然后使用您在Facebook Messenger聊天中使用的提交的电子邮件注册。 登录后,导航回主页并打开X光面板。 此时,您应会在体验事件下看到Facebook互动。

web_xray-fb交互

由于网站和Web Messenger现在了解您最初的Facebook交互,因此我们可以继续“对话”,并视需要对用户进行下次交互。 您刚刚从社交渠道扩展了对话,而不是那种不知情的隐身体验。

操作完成!您现在已完成Facebook集成,并已在Facebook Messenger和Web Messenger中进行了测试。

接下来,我们来简要了解另一个社交渠道,WeChat

下一步:20.8测试WeChat集成

返回到模块20

返回到所有模块

在此页面上