网站应用(用户模块接入)
DaoVoice 作为新一代用户运营产品,只需在第一次使用时加载一段SDK代码,即可开启与用户实时对话的桥梁
(部分浏览器可能出现不兼容的情况,推荐使用 Chrome 浏览器)
步骤:
a. 成为DaoCloud用户
- 访问 DaoVoice 主页进行注册
- 拥有一个网站,渴望与你的网站用户进行实时交流
- 信奉持续交付,精益运营的理念,渴望通过用户「参与感」提升产品体验
b. 访问 DaoVoice 应用创建引导页面
- DaoVoice 应用创建引导页面将引导你将 DaoVoice 安装到你的网站
- 植入的 JavaScript 代码经过了大量的优化,所有的调用和通信都采用异步方式完成,不会影响你的网站的加载速度和性能。
c. 根据网站结构和前后台程序类型,选择对应的接入代码,判断标准如下:
- 若你的网站是服务器端渲染页面,请选择 多页面应用 (例如 JAVA, PHP, Rails 等)
- 若你的网站是客户端渲染页面,请选择 单页面应用 (例如 AnglarJS, ReactJS 等)
d.提供用户信息,完成用户信息对接
- 向 DaoVoice 提供存储在你系统中的用户信息(需要编写代码提供)获取后,会与 DaoVoice 后台管理系统集成,你可以跟踪每个用户的具体会话和行为。
* 用户 Javascript 接入示例代码 *
// 替换 'APP_ID' 成您的App Id <script>(function(i,s,o,g,r,a,m){i["DaoVoiceObject"]=r;i[r]=i[r]||function(){(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;a.charset="utf-8";m.parentNode.insertBefore(a,m)})(window,document,"script",('https:' == document.location.protocol ? 'https:' : 'http:') + "//widget.daovoice.io/widget/APP_ID.js","daovoice");</script> <script> daovoice('init', { app_id: "APP_ID", email: "daovoice@example.com", // 替换成当前用户的邮件 user_id: "NO_89757", // 选填: 替换成当前用户的唯一标识 signed_up: 1449821660, // 选填: // 替换当前用户的注册时间,格式为 Unix 时间戳 name: "道客船长", // 选填: 替换当前用户的真名或者昵称 }); daovoice('update'); </script>
此步骤非常重要,对接完成后通过控制台与用户对话时,该用户的所有相关信息都会完整展示,帮助你了解用户情况以及提供更具备场景化的服务
字段说明
字段 | 说明 |
---|---|
user_id | 必填: 系统上登录用户的唯一ID, DaoVoice 根据该字段标识唯一用户 |
选填: 系统上登录用户的主邮箱,DaoVoice 将根据该邮箱在各大社交平台上抓取用户信息,帮你描绘用户画像 | |
name | 选填: 系统上登录用户的用户名,DaoVoice 根据该字段帮快速定位用户 |
signed_up | 选填: 系统上登录用户的注册时间,DaoVoice 根据该字段帮你统计系统中每天新用户数量,并发送通知邮件到管理员邮箱。 |
验证接入
接入完成后,可以采取以下步骤来验证 DaoVoice 是否正常工作:
- 打开植入代码的页面,点击页面右下角的蓝色按钮,出现对话框
- 在多个终端使用有效注册的用户ID登入网站并发起对话,DaoVoice 管理后台会显示每位用户的对话以及用户信息(用户的ID、Email、创建时间等,任何你在前端通过代码提供的信息,都会在后台显示)
- 对话被保存在 DaoVoice 管理后台记录里,管理员和发起对话的用户都将收到邮件提醒
系统需求
DaoVoice Widget 支持以下浏览器版本
Chrome
Firefox
Safari 6+
Internet Explorer 9/10/11
Android 4+
IOS 6+
DaoVoice Widget 需要浏览器支持 HTTPS 和跨域。
这不是你想找的?
如何将 访客用户接入DaoVoice 可能是你需要的
下一步
我们将介绍 DaoVoice 订制 功能,使用 DaoVoice 定制功能,将 DaoVoice 调整的更加契合你的品牌形象。