网站应用(用户模块接入)

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://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 根据该字段标识唯一用户
email 选填: 系统上登录用户的主邮箱,DaoVoice 将根据该邮箱在各大社交平台上抓取用户信息,帮你描绘用户画像
name 选填: 系统上登录用户的用户名,DaoVoice 根据该字段帮快速定位用户
signed_up 选填: 系统上登录用户的注册时间,DaoVoice 根据该字段帮你统计系统中每天新用户数量,并发送通知邮件到管理员邮箱。

验证接入

接入完成后,可以采取以下步骤来验证 DaoVoice 是否正常工作:

  1. 打开植入代码的页面,点击页面右下角的蓝色按钮,出现对话框
  2. 在多个终端使用有效注册的用户ID登入网站并发起对话,DaoVoice 管理后台会显示每位用户的对话以及用户信息(用户的ID、Email、创建时间等,任何你在前端通过代码提供的信息,都会在后台显示)
  3. 对话被保存在 DaoVoice 管理后台记录里,管理员和发起对话的用户都将收到邮件提醒

系统需求

DaoVoice Widget 支持以下浏览器版本

Chrome
Firefox
Safari 6+
Internet Explorer 9/10/11
Android 4+
IOS 6+
DaoVoice Widget 需要浏览器支持 HTTPS 和跨域。

 

这不是你想找的?

如何将 访客用户接入DaoVoice 可能是你需要的

下一步

我们将介绍 DaoVoice 订制 功能,使用 DaoVoice 定制功能,将 DaoVoice 调整的更加契合你的品牌形象。