最佳回答:外贸网站与海外客户及时方便的沟通,能够提升网站的转化率和询盘。
借助 Facebook Messenger 平台的顾客聊天插件,您可以直接在自己的外贸网站中整合 Messenger 体验。
这样,客户可以随时与您的公司互动,同时获得与使用 Messenger 一样的个性化富媒体体验。
该顾客聊天插件会自动载入客户与公司最近的聊天记录,无论是在 messenger.com 上,还是在 Messenger 应用中,又或是在您网站的顾客聊天插件中,只要是该客户最近与您公司之间的互动,都会显示出来。
这有助于为客户打造不间断沟通的体验,同时确保即使在客户离开您的网页之后,您也能继续与他们之间的对话。
整合这一插件后,您无需再为了跟进而四处捕捉客户的信息,只需在 Messenger 中开启与对方的对话即可。
浏览器支持 顾客聊天插件支持除 Messenger 应用内浏览器之外的所有桌面浏览器和移动浏览器。
讯息型别和模板支持 目前,顾客聊天插件支持以下讯息型别和结构化讯息模板: 功能 是否支持 文字讯息 是 视频/图片/音讯/GIF 是 常规/按钮模板 是(支持有限按钮型别)回传 网址按钮 呼叫按钮 购买按钮 “分享” 按钮 登入按钮 退出按钮 玩游戏按钮 列表/媒体/开放图谱模板 否 快速回复 是(支持有限快速回复型别)文字快速回复 使用者手机号快速回复 使用者电子邮箱快速回复 位置快速回复 固定选单 是 传送者操作 是 新增 SDK 如要使用顾客聊天插件,您必须在要显示插件的主页中新增包含顾客聊天 SDK 的 JavaScript 版 Facebook SDK 版本。
本地化与国际化 如要发挥国际化的作用(包括使用自动语言翻译),您需要根据网站的语言设置更改 SDK 的语言。
具体而言,在初始化 SDK 时,您需要将 en_US 更改为受支持的语言代码。
插件的动态控制 我们还会提供 API,以便您动态控制插件的特定行为,例如开启和关闭对话方块。
设置插件 如要在网页上新增顾客聊天插件,您可以使用设置工具或按照开发者步骤操作: 选项 1:使用设置工具 对于主页管理员,Messenger 平台还提供易于使用的设置工具,方便他们自定义顾客聊天插件。
如要使用设置工具,请执行下列操作: 前往主页设置 > Messenger 平台 在 “顾客聊天插件” 版块,点选 “设置” 按钮。
设置工具使用者介面简洁,可方便您自定义欢迎语、主题颜色、显示的回复时间,以及为插件设置网域白名单。
完成设置后,设置工具会自动生成代码片段,您只需复制/贴上此代码片段,便可在您的网页中新增顾客聊天插件。
选项 2:使用开发者步骤进行设置 如要在网页上新增顾客聊天插件,请执行下列操作: 将您网站的域加入白名单为安全起见,此插件只有在载入到已加入白名单的网域时才会显示。
请参阅 whitelisted_domains 参考文件,了解如何以程序设计方式将网域加入白名单。
需要提供域名和 HTTPS 域必须满足以下要求才能加入白名单: 公司如果通过服务提供商提供 Messenger 体验,即表示他们不是相关 Facebook 应用的所有者,因而没有许可权使用应用设置中的主页访问口令生成器。
在这种情况下,您可通过主页设置新增或删除白名单域。
要将域加入白名单,请执行以下操作: 通过 HTTPS 提供服务 使用完全限定的域名,例如 https://www.messenger.com/。
不支持使用 IP 地址和 localhost 加入白名单。
点选主页顶部的设置 点选左侧的 Messenger 平台 在白名单域版块中编辑主页的白名单域 在网页上新增插件如要在您的网页新增插件,请在 HTML 中加入 div 并将其属性设置为以下值: <div class=”fb-customerchat”
page_id=””>
预设情况下,欢迎对话方块会在桌面端显示,并在移动端隐藏。
如需自定义欢迎对话方块行为,您可以使用 greeting_dialog_display 和 “greeting_dialog_delay” 属性。
推荐位置 预设情况下,顾客聊天插件会显示在页面的右下角,我们强烈建议您不要更改这一预设位置。
可选。
处理新对话的 messaging_postbacks 事件 如果使用者通过插件发起新对话,且您的智能助手已设置 “开始” 按钮,则当使用者点选此按钮时,我们将向您的 Webhook 传送 messaging_postbacks Webhook 事件。
如果在新增顾客聊天插件时设置了 ref 属性,则回传事件中将包含该属性。
可选。
处理现有对话的 messaging_referrals 事件对于现有对话,如果您在新增顾客聊天插件时设置了 ref 属性,则当使用者通过插件重新开启对话时,我们将向您的 Webhook 传送 messaging_referrals Webhook 事件。
ref 可以是任意字串,并可用于多种目的。
例如,您可以用它来追踪哪些客户通过插件与您的公司进行了互动。
自定义设置插件 顾客聊天插件支持下列自定义选项。
将插件新增到您的网页中时,所有自定义选项都被设置为一项属性: 属性 说明 theme_color 可选。
插件使用的主题颜色,包括顾客聊天插件图示和使用者传送的任何讯息的背景颜色。
支持任何带前导数字符号的十六进位制颜色代码(如 #0084FF),白色除外。
强烈建议您选择与白色形成鲜明对比的颜色。
logged_in_greeting 可选。
要对当前已登入 Facebook 的使用者显示的欢迎语。
不超过 80 个字元。
logged_out_greeting 可选。
要对当前未登入 Facebook 的使用者显示的欢迎语。
不超过 80 个字元。
greeting_dialog_display 可选。
设置欢迎对话方块的显示方式。
支持下列值: show:通过 greeting_dialog_delay 属性设置延迟多少秒才在桌面端和移动端显示欢迎对话方块,并保持开启。
hide:欢迎对话方块将一直隐藏,除非使用者在桌面端和移动端点选插件才会显示。
fade:通过 greeting_dialog_delay 属性设置延迟多少秒才短暂显示欢迎对话方块,之后使其淡出,并在桌面端隐藏。
对话方块会在移动端隐藏。
插件设置在桌面端预设为 show,在移动端预设为 hide 。
greeting_dialog_delay 可选。
设置插件载入后延迟多少秒才显示欢迎对话方块。
您可使用此属性自定义欢迎对话方块的显示时机。
minimized 停用通知 此属性现已停用。
请改用 greeting_dialog_display 来自定义插件。
greeting_dialog_delay 属性将优先于 minimized 属性。
可选。
true 设置为 true 时,与 greeting_dialog_delay = “fade” 设置具有相同效果。
false 设置为 false 时,与 greeting_dialog_delay = “show” 设置具有相同效果。
ref 可选。
如果想要在 Webhook 事件中新增要传回的其他上下文,您可以传递一个可选的参考引数。
此引数有许多用途,例如追踪使用者启动对话的页面、将使用者导向智能助手中可用的特定内容或功能,或将 Messenger 使用者与网站上的会话或帐户进行连线。
禁用固定选单 有时您可能想要在顾客聊天插件中禁用智能助手的固定选单。
如要执行此操作,您需在设置固定选单时新增 “disabled_surfaces”: [“CUSTOMER_CHAT_PLUGIN”]: {
“persistent_menu”:[
{
“locale”:”default”,
“disabled_surfaces”: [“CUSTOMER_CHAT_PLUGIN”],
“composer_input_disabled”: false,
“call_to_actions”:[
{
“title”:”My Account”,
“type”:”postback”,
“payload”:”PAYBILL_PAYLOAD”
}
]
}
]} 使用者登入 已登入 Facebook 帐户的使用者可以立即发起与智能助手的对话。
如果使用者尚未登入,预设情况下,页面会显示一条欢迎讯息,邀请使用者登入或新建 Facebook 帐户。
含年龄/国家/地区限制的主页 如果您的主页已在主页设置中设置年龄或国家/地区限制,则当未登入 Facebook 帐户的使用者访问您的网站时,顾客聊天插件不会显示。
快取行为 预设情况下,欢迎对话方块会在桌面端显示,在移动端最小化。
使用者还可通过点选来显示或最小化对话方块。
此状态会在浏览器上快取,甚至会在浏览器关闭或重新开启后继续保留。
检测讯息来源 有时,您可能需要确定使用者是否在使用顾客聊天插件与您的公司互动。
为实现这一点,Messenger 平台将针对通过插件传送的所有讯息,在全部回传事件和讯息负载的 tags 阵列中新增 “source”: “customer_chat_plugin” 属性: “message”: {
“mid”:”mid.14577641449818:41d102a3e1ae206a38″,
“text”:”hello, from customer chat!”,
“tags”: [
{
“source”: “customer_chat_plugin”
}
]
} WordPress 插件 为便于将顾客聊天插件整合到 WordPress 网站,我们会在 wordpress.org 中提供官方 Messenger 顾客聊天 WordPress 插件。
疑难问题解决方法 如果无法正常呈现此插件,请尝试以下解决方法: 如果您看到类似于 “Refused to display *** in a frame because an ancestor violates the following Content Security Policy directive: ***” 的控制台错误,请检查显示插件的页面网域是否已加入白名单。
另外,请确保您未将 Referrer-Policy 标头设置为 no-referrer 。
Firefox Facebook Container 附加程序会阻止系统显示此插件。
如要显示该插件,请移除此附加程序。
Firefox 桌面私人浏览器(版本 63 及以上)和 Firefox 移动浏览器会预设拦截内容追踪,由此阻止系统显示此插件。
只需关闭内容拦截(在搜索栏中点选灰色盾牌图示),此插件便会出现。